Rise of Champions \u2013 allwyn Unileague<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;700&family=Barlow+Condensed:wght@700&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n\r\n<style>\r\n#roc-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#roc-wrap {\r\n position: relative;\r\n width: 100%;\r\n min-height: 560px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 3rem 2rem 3.5rem;\r\n font-family: 'Barlow', sans-serif;\r\n border-radius: 8px;\r\n}\r\n\r\n#roc-bg {\r\n position: absolute; inset: 0;\r\n background-image: url('https:\/\/vglesports.com\/wp-content\/uploads\/2026\/05\/roc-hero-bg-scaled.webp');\r\n background-size: cover; background-position: center;\r\n filter: brightness(0.28) saturate(0.6) hue-rotate(200deg);\r\n transform: scale(1.06);\r\n animation: rocBgBreath 8s ease-in-out infinite;\r\n z-index: 0;\r\n}\r\n#roc-bg::after {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background: rgba(15, 30, 60, 0.45);\r\n}\r\n@keyframes rocBgBreath {\r\n 0%,100% { transform:scale(1.06); filter:brightness(0.28) saturate(0.6) hue-rotate(200deg); }\r\n 50% { transform:scale(1.09); filter:brightness(0.36) saturate(0.75) hue-rotate(210deg); }\r\n}\r\n#roc-grad {\r\n position: absolute; inset: 0; z-index: 1; pointer-events: none;\r\n background:\r\n linear-gradient(to bottom, rgba(6,12,24,0.65) 0%, rgba(6,12,24,0.05) 38%, rgba(10,18,35,0.7) 78%, #0a1223 100%),\r\n radial-gradient(ellipse 80% 60% at 50% 40%, rgba(96,165,250,0.06) 0%, transparent 70%),\r\n radial-gradient(ellipse 60% 40% at 50% 85%, rgba(255,80,0,0.07) 0%, transparent 60%);\r\n}\r\n#roc-fade-bottom {\r\n position: absolute; bottom: 0; left: 0; right: 0; height: 90px; z-index: 2; pointer-events: none;\r\n background: linear-gradient(to bottom, transparent 0%, #121925 100%);\r\n}\r\n#roc-canvas { position:absolute; inset:0; width:100%; height:100%; z-index:2; pointer-events:none; }\r\n\r\n#roc-wrap .roc-inner { position:relative; z-index:3; display:flex; flex-direction:column; align-items:center; }\r\n\r\n#roc-wrap .roc-title {\r\n font-family:'Bebas Neue',sans-serif;\r\n font-size:clamp(52px,9vw,86px);\r\n color:#fff; letter-spacing:3px; line-height:0.9; text-align:center; margin-bottom:0.3rem;\r\n text-shadow:0 0 40px rgba(96,165,250,0.2),0 2px 20px rgba(0,0,0,0.9);\r\n animation:rocSlideUp 0.7s ease forwards;\r\n}\r\n#roc-wrap .roc-subtitle { font-size:13px; font-weight:400; color:rgba(255,255,255,0.45); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:2rem; animation:rocFadeIn 0.8s ease 0.2s both; }\r\n#roc-wrap .roc-games { display:flex; gap:8px; margin-bottom:2rem; animation:rocFadeIn 0.8s ease 0.3s both; }\r\n#roc-wrap .roc-pill { font-size:11px; font-weight:600; color:rgba(255,255,255,0.65); background:rgba(255,255,255,0.06); border:0.5px solid rgba(255,255,255,0.12); padding:5px 13px; border-radius:20px; letter-spacing:0.5px; }\r\n#roc-wrap .roc-cd-label { font-size:10px; font-weight:600; letter-spacing:3px; text-transform:uppercase; color:rgba(255,255,255,0.28); margin-bottom:0.7rem; animation:rocFadeIn 0.8s ease 0.4s both; }\r\n#roc-wrap .roc-cd { display:flex; gap:7px; align-items:flex-start; margin-bottom:2rem; animation:rocFadeIn 0.8s ease 0.4s both; }\r\n#roc-wrap .roc-cd-block { display:flex; flex-direction:column; align-items:center; min-width:62px; }\r\n#roc-wrap .roc-cd-num { font-family:'Bebas Neue',sans-serif; font-size:40px; color:#fff; line-height:1; background:rgba(255,255,255,0.05); border:0.5px solid rgba(96,165,250,0.15); width:62px; height:54px; display:flex; align-items:center; justify-content:center; border-radius:6px; letter-spacing:2px; backdrop-filter:blur(4px); }\r\n#roc-wrap .roc-cd-unit { font-size:9px; font-weight:600; letter-spacing:2px; color:rgba(255,255,255,0.25); margin-top:4px; text-transform:uppercase; }\r\n#roc-wrap .roc-cd-sep { font-family:'Bebas Neue',sans-serif; font-size:34px; color:rgba(255,80,0,0.45); margin-top:8px; }\r\n#roc-wrap .roc-date-text { display:inline; }\r\n#roc-wrap .roc-date-text::before {\r\n content: attr(data-v);\r\n color: rgba(255,255,255,0.45);\r\n font-size: 12px;\r\n font-weight: 600;\r\n}\r\n\r\n#roc-wrap .roc-next {\r\n display:flex; flex-direction:row; align-items:center; justify-content:center;\r\n flex-wrap:wrap; gap:5px;\r\n margin-bottom:2rem; animation:rocFadeIn 0.8s ease 0.45s both; text-align:center;\r\n font-size:12px; font-weight:600; color:rgba(255,255,255,0.45);\r\n}\r\n\r\n\/* \u2500\u2500 ACTION ROW \u2500\u2500 *\/\r\n#roc-wrap .roc-actions {\r\n display:flex; gap:8px; margin-bottom:1.4rem;\r\n animation:rocFadeIn 0.8s ease 0.5s both;\r\n flex-wrap:wrap; justify-content:center; align-items:center;\r\n}\r\n\r\n#roc-wrap .roc-btn-p {\r\n font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;\r\n color:#fff; background:linear-gradient(135deg,#ff5000,#e63d00);\r\n border:none; padding:11px 22px; border-radius:6px; cursor:pointer;\r\n transition:transform 0.15s,box-shadow 0.15s;\r\n text-decoration:none; display:inline-flex; align-items:center; gap:6px;\r\n box-shadow:0 2px 14px rgba(255,80,0,0.25);\r\n}\r\n#roc-wrap .roc-btn-p:hover { transform:translateY(-2px); box-shadow:0 4px 20px rgba(255,80,0,0.4); }\r\n\r\n#roc-wrap .roc-btn-s {\r\n font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;\r\n color:rgba(255,255,255,0.7); background:rgba(255,255,255,0.06);\r\n border:0.5px solid rgba(255,255,255,0.18); padding:11px 22px; border-radius:6px;\r\n cursor:pointer; transition:background 0.15s,border-color 0.15s,color 0.15s,transform 0.15s;\r\n display:inline-flex; align-items:center; gap:6px;\r\n backdrop-filter:blur(4px);\r\n}\r\n#roc-wrap .roc-btn-s:hover { border-color:rgba(255,255,255,0.4); color:#fff; background:rgba(255,255,255,0.1); transform:translateY(-2px); }\r\n\r\n#roc-wrap .roc-btn-cal {\r\n font-size:11px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase;\r\n color:rgba(96,165,250,0.8); background:rgba(96,165,250,0.07);\r\n border:0.5px solid rgba(96,165,250,0.25); padding:11px 16px; border-radius:6px;\r\n cursor:pointer; transition:background 0.15s,border-color 0.15s,color 0.15s,transform 0.15s;\r\n display:inline-flex; align-items:center; gap:6px;\r\n backdrop-filter:blur(4px);\r\n}\r\n#roc-wrap .roc-btn-cal:hover { border-color:rgba(96,165,250,0.55); color:#93c5fd; background:rgba(96,165,250,0.12); transform:translateY(-2px); }\r\n#roc-wrap .roc-btn-cal i { font-size:15px; }\r\n\r\n\/* \u2500\u2500 LIVE BADGE \u2500\u2500 *\/\r\n#roc-wrap .roc-live-banner { display:none; flex-direction:column; align-items:center; gap:10px; margin-bottom:1.8rem; animation:rocFadeIn 0.5s ease both; }\r\n#roc-wrap .roc-live-banner.visible { display:flex; }\r\n#roc-wrap .roc-live-badge { display:flex; align-items:center; gap:8px; background:rgba(220,38,38,0.15); border:1px solid rgba(220,38,38,0.5); border-radius:6px; padding:8px 18px; }\r\n#roc-wrap .roc-live-dot { width:9px; height:9px; border-radius:50%; background:#ef4444; animation:rocPulse 0.9s ease-in-out infinite; }\r\n#roc-wrap .roc-live-text { font-family:'Bebas Neue',sans-serif; font-size:22px; letter-spacing:3px; color:#ef4444; }\r\n#roc-wrap .roc-live-info { font-size:18px; font-weight:700; color:rgba(255,255,255,0.85); letter-spacing:0.5px; text-align:center; line-height:1.5; }\r\n#roc-wrap .roc-live-info .live-game { color:#60a5fa; font-weight:700; font-size:22px; }\r\n#roc-wrap .roc-live-info .live-round { color:#fbbf24; font-size:18px; }\r\n#roc-wrap .roc-btn-live { font-size:13px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#fff; background:rgba(220,38,38,0.8); border:1px solid rgba(220,38,38,0.9); padding:12px 30px; border-radius:6px; cursor:pointer; transition:transform 0.15s,background 0.15s; text-decoration:none; display:inline-block; }\r\n#roc-wrap .roc-btn-live:hover { background:rgba(220,38,38,1); transform:translateY(-1px); }\r\n\r\n\/* \u2500\u2500 COUNTDOWN SECTION \u2500\u2500 *\/\r\n#roc-wrap .roc-countdown-section { display:flex; flex-direction:column; align-items:center; }\r\n#roc-wrap .roc-countdown-section.hidden { display:none; }\r\n\r\n\/* \u2500\u2500 CALENDAR DROPDOWN \u2500\u2500 *\/\r\n#roc-wrap .roc-cal-wrap { position:relative; }\r\n#roc-wrap .roc-cal-dropdown {\r\n display:none; position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%);\r\n background:#0d1220; border:0.5px solid rgba(96,165,250,0.2); border-radius:8px;\r\n min-width:200px; z-index:20; overflow:hidden;\r\n box-shadow:0 -8px 32px rgba(0,0,0,0.6);\r\n}\r\n#roc-wrap .roc-cal-dropdown.open { display:block; animation:rocFadeIn 0.18s ease both; }\r\n#roc-wrap .roc-cal-dropdown-title { font-size:9px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(255,255,255,0.25); padding:10px 14px 6px; border-bottom:0.5px solid rgba(255,255,255,0.06); }\r\n#roc-wrap .roc-cal-option { display:flex; align-items:center; gap:10px; padding:10px 14px; font-size:12px; font-weight:600; letter-spacing:0.4px; color:rgba(255,255,255,0.65); cursor:pointer; transition:background 0.12s,color 0.12s; text-decoration:none; border-bottom:0.5px solid rgba(255,255,255,0.04); }\r\n#roc-wrap .roc-cal-option:last-child { border-bottom:none; }\r\n#roc-wrap .roc-cal-option:hover { background:rgba(96,165,250,0.1); color:#fff; }\r\n#roc-wrap .roc-cal-option i { font-size:15px; opacity:0.65; }\r\n#roc-wrap .roc-cal-option span.sub { font-size:10px; font-weight:400; color:rgba(255,255,255,0.28); margin-left:auto; }\r\n\r\n\/* \u2500\u2500 PERKS \u2500\u2500 *\/\r\n#roc-wrap .roc-perks { display:flex; gap:7px; flex-wrap:wrap; justify-content:center; animation:rocFadeIn 0.8s ease 0.6s both; }\r\n#roc-wrap .roc-perk {\r\n display:flex; align-items:center; gap:5px;\r\n font-size:11px; font-weight:600; letter-spacing:0.3px;\r\n padding:6px 13px; border-radius:20px;\r\n background:rgba(255,255,255,0.05);\r\n border:0.5px solid rgba(255,255,255,0.1);\r\n color:rgba(255,255,255,0.55);\r\n transition:background 0.2s,border-color 0.2s,color 0.2s;\r\n white-space:nowrap;\r\n}\r\n#roc-wrap .roc-perk:hover { background:rgba(255,255,255,0.09); border-color:rgba(255,255,255,0.2); color:rgba(255,255,255,0.85); }\r\n#roc-wrap .roc-perk i { font-size:13px; opacity:0.6; }\r\n\r\n@media (max-width: 600px) {\r\n #roc-wrap .roc-perks { gap:5px; flex-wrap:nowrap; }\r\n #roc-wrap .roc-perk { font-size:9px; padding:5px 8px; gap:4px; letter-spacing:0; }\r\n #roc-wrap .roc-perk i { font-size:11px; }\r\n}\r\n\r\n@keyframes rocFadeIn { from{opacity:0} to{opacity:1} }\r\n@keyframes rocSlideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }\r\n@keyframes rocPulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.7)} }\r\n\r\n\/* \u2500\u2500 POPUP \u2500\u2500 *\/\r\n#roc-popup-overlay { display:none; position:absolute; inset:0; z-index:100; background:rgba(0,0,0,0.84); align-items:center; justify-content:center; border-radius:8px; }\r\n#roc-popup-overlay.open { display:flex; }\r\n#roc-modal { background:#0a0c10; border:1px solid rgba(240,180,41,0.2); border-radius:10px; width:92%; max-width:620px; max-height:86%; overflow-y:auto; animation:rocModalIn 0.25s ease both; }\r\n@keyframes rocModalIn { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }\r\n#roc-modal .m-header { position:sticky; top:0; display:flex; align-items:center; justify-content:space-between; padding:13px 18px; background:#0a0c10; border-bottom:1px solid rgba(240,180,41,0.12); z-index:10; }\r\n#roc-modal .m-title { font-family:'Barlow Condensed',sans-serif; font-size:0.85rem; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; color:#f0b429; }\r\n#roc-modal .m-actions { display:flex; align-items:center; gap:8px; }\r\n#roc-modal .m-lang { display:flex; gap:4px; }\r\n#roc-modal .m-lang button { font-family:'Barlow',sans-serif; font-size:10px; font-weight:700; letter-spacing:1px; background:transparent; border:0.5px solid rgba(255,255,255,0.15); color:rgba(255,255,255,0.4); padding:5px 9px; border-radius:2px; cursor:pointer; transition:all 0.15s; }\r\n#roc-modal .m-lang button.active { border-color:#f0b429; color:#f0b429; }\r\n#roc-modal .m-reg { font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#0a0c10; background:#ff5000; border:none; padding:7px 16px; border-radius:3px; cursor:pointer; text-decoration:none; display:inline-block; transition:background 0.15s; }\r\n#roc-modal .m-reg:hover { background:#ff6a1f; }\r\n#roc-modal .m-close { background:rgba(255,255,255,0.07); border:0.5px solid rgba(255,255,255,0.15); color:rgba(255,255,255,0.5); font-size:12px; font-weight:600; letter-spacing:1px; padding:7px 12px; border-radius:3px; cursor:pointer; transition:background 0.15s,color 0.15s; }\r\n#roc-modal .m-close:hover { background:rgba(255,255,255,0.12); color:#fff; }\r\n#roc-modal .m-body { padding:22px 22px 26px; color:#e8eaf0; }\r\n#roc-modal .lang-content { display:none; }\r\n#roc-modal .lang-content.active { display:block; }\r\n#roc-modal .g-label { font-family:'Barlow Condensed',sans-serif; font-size:0.66rem; letter-spacing:0.25em; text-transform:uppercase; color:#f0b429; margin-bottom:16px; display:flex; align-items:center; gap:10px; }\r\n#roc-modal .g-label::after { content:''; flex:1; height:1px; background:rgba(240,180,41,0.18); }\r\n#roc-modal .g-steps { margin-bottom:24px; }\r\n#roc-modal .g-step { background:#111318; border:1px solid rgba(240,180,41,0.18); border-radius:8px; padding:15px 17px; margin-bottom:9px; display:flex; gap:15px; align-items:flex-start; position:relative; overflow:hidden; transition:border-color 0.2s,transform 0.2s; }\r\n#roc-modal .g-step::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:#f0b429; opacity:0; transition:opacity 0.2s; }\r\n#roc-modal .g-step:hover { border-color:rgba(240,180,41,0.4); transform:translateX(3px); }\r\n#roc-modal .g-step:hover::before { opacity:1; }\r\n#roc-modal .g-step-n { font-family:'Bebas Neue',sans-serif; font-size:1.7rem; line-height:1; color:#f0b429; min-width:26px; text-align:center; opacity:0.85; flex-shrink:0; }\r\n#roc-modal .g-step-body { flex:1; }\r\n#roc-modal .g-step-t { font-family:'Barlow Condensed',sans-serif; font-size:0.95rem; font-weight:700; letter-spacing:0.05em; color:#fff; margin-bottom:4px; text-transform:uppercase; }\r\n#roc-modal .g-step-d { font-size:0.83rem; color:#8892a4; line-height:1.55; }\r\n#roc-modal .g-step-d strong { color:#e8eaf0; }\r\n#roc-modal .g-step-d a { color:#60a5fa; font-weight:700; text-decoration:underline; }\r\n#roc-modal .g-warn { display:flex; align-items:center; gap:7px; margin-top:9px; padding:7px 11px; background:rgba(229,62,62,0.12); border:1px solid rgba(229,62,62,0.35); border-radius:5px; font-size:0.78rem; color:#fc8181; font-weight:600; }\r\n#roc-modal .g-tip { display:flex; align-items:flex-start; gap:7px; margin-top:9px; padding:7px 11px; background:rgba(96,165,250,0.1); border:1px solid rgba(96,165,250,0.28); border-radius:5px; font-size:0.78rem; color:#90cdf4; line-height:1.5; }\r\n#roc-modal .g-tip a { color:#63b3ed; font-weight:700; text-decoration:underline; }\r\n#roc-modal .g-notices { display:flex; flex-direction:column; gap:9px; }\r\n#roc-modal .g-notice { padding:11px 14px; border-radius:7px; font-size:0.83rem; line-height:1.55; display:flex; align-items:flex-start; gap:9px; }\r\n#roc-modal .g-notice.inf { background:rgba(66,153,225,0.1); border:1px solid rgba(66,153,225,0.3); color:#90cdf4; }\r\n#roc-modal .g-notice.promo { background:rgba(56,161,105,0.1); border:1px solid rgba(56,161,105,0.3); color:#9ae6b4; }\r\n#roc-modal .g-notice.warn { background:rgba(229,62,62,0.1); border:1px solid rgba(229,62,62,0.3); color:#fc8181; }\r\n#roc-modal .g-notice strong { color:inherit; }\r\n<\/style>\r\n\r\n<div id=\"roc-wrap\">\r\n <div id=\"roc-bg\"><\/div>\r\n <div id=\"roc-grad\"><\/div>\r\n <div id=\"roc-fade-bottom\"><\/div>\r\n <canvas id=\"roc-canvas\"><\/canvas>\r\n\r\n <div class=\"roc-inner\">\r\n <div class=\"roc-title\" id=\"roc-title-el\" translate=\"no\"><\/div>\r\n <div class=\"roc-subtitle\" translate=\"no\"><span class=\"notranslate\">allwyn Unileague \u00b7 Gaming Community<\/span><\/div>\r\n\r\n <div class=\"roc-games\">\r\n <span class=\"roc-pill notranslate\" translate=\"no\">EA FC 26<\/span>\r\n <span class=\"roc-pill notranslate\" translate=\"no\">eFootball<\/span>\r\n <span class=\"roc-pill notranslate\" translate=\"no\">Rocket League<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"roc-live-banner\" id=\"roc-live-banner\">\r\n <div class=\"roc-live-badge\">\r\n <div class=\"roc-live-dot\"><\/div>\r\n <div class=\"roc-live-text\">LIVE NOW<\/div>\r\n <\/div>\r\n <div class=\"roc-live-info\">\r\n <span class=\"live-game\" id=\"roc-live-game\">\u2014<\/span>\r\n - \r\n <span class=\"live-round\" id=\"roc-live-round\">\u2014<\/span>\r\n <\/div>\r\n <a href=\"#\" id=\"roc-live-btn\" target=\"_blank\" class=\"roc-btn-live\">SEE LIVE BRACKETS<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"roc-countdown-section\" id=\"roc-countdown-section\">\r\n <div class=\"roc-cd-label\">Next event in<\/div>\r\n <div class=\"roc-cd\">\r\n <div class=\"roc-cd-block\"><div class=\"roc-cd-num\" id=\"rcd-d\">00<\/div><div class=\"roc-cd-unit\">Days<\/div><\/div>\r\n <div class=\"roc-cd-sep\">:<\/div>\r\n <div class=\"roc-cd-block\"><div class=\"roc-cd-num\" id=\"rcd-h\">00<\/div><div class=\"roc-cd-unit\">Hours<\/div><\/div>\r\n <div class=\"roc-cd-sep\">:<\/div>\r\n <div class=\"roc-cd-block\"><div class=\"roc-cd-num\" id=\"rcd-m\">00<\/div><div class=\"roc-cd-unit\">Minutes<\/div><\/div>\r\n <div class=\"roc-cd-sep\">:<\/div>\r\n <div class=\"roc-cd-block\"><div class=\"roc-cd-num\" id=\"rcd-s\">00<\/div><div class=\"roc-cd-unit\">Seconds<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"roc-next notranslate\" id=\"roc-next-label\" translate=\"no\"><\/div>\r\n\r\n <div class=\"roc-actions\">\r\n <a href=\"https:\/\/battlefy.com\/vgl-esports\" target=\"_blank\" class=\"roc-btn-p\" id=\"roc-reg-btn\" rel=\"noopener\">\r\n <i class=\"ti ti-user-plus\" style=\"font-size:14px;\"><\/i>\r\n REGISTER NOW\r\n <\/a>\r\n <button class=\"roc-btn-s\" id=\"roc-how-btn\" onclick=\"document.getElementById('roc-popup-overlay').classList.add('open')\">\r\n <i class=\"ti ti-help-circle\" style=\"font-size:14px;\"><\/i>\r\n HOW TO PLAY\r\n <\/button>\r\n <div class=\"roc-cal-wrap\">\r\n <button class=\"roc-btn-cal\" id=\"roc-cal-btn\" onclick=\"toggleCalDropdown(event)\">\r\n <i class=\"ti ti-calendar-plus\" aria-hidden=\"true\"><\/i>\r\n <span>\u0397\u03bc\u03b5\u03c1\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf<\/span>\r\n <\/button>\r\n <div class=\"roc-cal-dropdown\" id=\"roc-cal-dropdown\">\r\n <div class=\"roc-cal-dropdown-title\">Choose Calendar App<\/div>\r\n <a class=\"roc-cal-option\" id=\"roc-cal-google\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"ti ti-brand-google\" aria-hidden=\"true\"><\/i>Google Calendar<span class=\"sub\">Web<\/span>\r\n <\/a>\r\n <a class=\"roc-cal-option\" id=\"roc-cal-outlook\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"ti ti-brand-windows\" aria-hidden=\"true\"><\/i>Outlook<span class=\"sub\">Web<\/span>\r\n <\/a>\r\n <a class=\"roc-cal-option\" id=\"roc-cal-ics\" href=\"#\" download>\r\n <i class=\"ti ti-calendar-event\" aria-hidden=\"true\"><\/i>Apple \/ iCal<span class=\"sub\">.ics<\/span>\r\n <\/a>\r\n <a class=\"roc-cal-option\" id=\"roc-cal-yahoo\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"ti ti-calendar\" aria-hidden=\"true\"><\/i>Yahoo Calendar<span class=\"sub\">Web<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"roc-perks\">\r\n <div class=\"roc-perk\"><i class=\"ti ti-circle-check\"><\/i><span>Free Entry<\/span><\/div>\r\n <div class=\"roc-perk\"><i class=\"ti ti-wifi\"><\/i><span>Online<\/span><\/div>\r\n <div class=\"roc-perk\"><i class=\"ti ti-gift\"><\/i><span>Bonus 50\u20ac<\/span><\/div>\r\n <div class=\"roc-perk\"><i class=\"ti ti-trophy\"><\/i><span>Qualify for Finals<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"roc-popup-overlay\" onclick=\"if(event.target===this)this.classList.remove('open')\">\r\n <div id=\"roc-modal\">\r\n <div class=\"m-header\">\r\n <div class=\"m-title\">Participation Guide<\/div>\r\n <div class=\"m-actions\">\r\n <div class=\"m-lang\">\r\n <button id=\"roc-lang-el\" onclick=\"rocSetLang('el')\">\u0395\u039b<\/button>\r\n <button id=\"roc-lang-en\" class=\"active\" onclick=\"rocSetLang('en')\">EN<\/button>\r\n <\/div>\r\n <a href=\"https:\/\/battlefy.com\/vgl-esports\" target=\"_blank\" class=\"m-reg\" id=\"roc-modal-reg\" rel=\"noopener\">REGISTER \u2197<\/a>\r\n <button class=\"m-close\" onclick=\"document.getElementById('roc-popup-overlay').classList.remove('open')\">\u2715<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"m-body\">\r\n \r\n <div class=\"lang-content\" id=\"roc-content-el\">\r\n <div class=\"g-label\" translate=\"no\">Participation Steps<\/div>\r\n <div class=\"g-steps\">\r\n <div class=\"g-step\"><div class=\"g-step-n\">1<\/div><div class=\"g-step-body\"><div class=\"g-step-t\" translate=\"no\">Register on Battlefy<\/div><div class=\"g-step-d\">\u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03c4\u03b5 \u03bb\u03bf\u03b3\u03b1\u03c1\u03b9\u03b1\u03c3\u03bc\u03cc \u03c3\u03c4\u03bf <a href=\"https:\/\/battlefy.com\/vgl-esports\" target=\"_blank\" rel=\"noopener\">Battlefy<\/a> \u03ba\u03b1\u03b9 \u03b5\u03b3\u03b3\u03c1\u03b1\u03c6\u03b5\u03af\u03c4\u03b5 \u03c3\u03c4\u03bf \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac \u03c4\u03bf\u03c5 Rise of Champions. \u0397 \u03b5\u03b3\u03b3\u03c1\u03b1\u03c6\u03ae \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03bd\u03bf\u03b9\u03c7\u03c4\u03ae \u03bc\u03ad\u03c7\u03c1\u03b9 \u03c4\u03b7\u03bd \u03ce\u03c1\u03b1 \u03ad\u03bd\u03b1\u03c1\u03be\u03b7\u03c2.<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">2<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">Check-in<\/div><div class=\"g-step-d\"><strong>30 \u03bb\u03b5\u03c0\u03c4\u03ac \u03c0\u03c1\u03b9\u03bd \u03c4\u03b7\u03bd \u03ad\u03bd\u03b1\u03c1\u03be\u03b7<\/strong>, \u03bc\u03c0\u03b5\u03af\u03c4\u03b5 \u03c3\u03c4\u03bf Battlefy \u03ba\u03b1\u03b9 \u03c0\u03b1\u03c4\u03ae\u03c3\u03c4\u03b5 <strong>Check-in<\/strong>. \u03a4\u03bf Check-in \u03ba\u03bb\u03b5\u03b9\u03b4\u03ce\u03bd\u03b5\u03b9 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03ad\u03bd\u03b1\u03c1\u03be\u03b7 \u03c4\u03bf\u03c5 \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac.<\/div><div class=\"g-tip\">\u2139\ufe0f \u0391\u03bd \u03b4\u03b5\u03bd \u03c3\u03b1\u03c2 \u03b5\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03b7 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae Check-in, \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03ce\u03c3\u03c4\u03b5 \u03bc\u03b1\u03c2 \u03ac\u03bc\u03b5\u03c3\u03b1 \u03c3\u03c4\u03bf <a href=\"https:\/\/discord.gg\/sUz2QbGAZT\" target=\"_blank\" rel=\"noopener\">Discord Support<\/a>.<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">3<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">I am Ready<\/div><div class=\"g-step-d\">\u039c\u03b5 \u03c4\u03b7\u03bd \u03ad\u03bd\u03b1\u03c1\u03be\u03b7, \u03c4\u03bf \u03c3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 \u03c3\u03b1\u03c2 \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03b9 \u03b1\u03bd\u03c4\u03af\u03c0\u03b1\u03bb\u03bf \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1. \u0393\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03b1\u03b3\u03ce\u03bd\u03b1, \u03c0\u03b1\u03c4\u03ae\u03c3\u03c4\u03b5 <strong>\u00abI am Ready\u00bb<\/strong> \u03b5\u03bd\u03c4\u03cc\u03c2 <strong>5 \u03bb\u03b5\u03c0\u03c4\u03ce\u03bd<\/strong>.<\/div><div class=\"g-warn\">\u26a0\ufe0f \u0391\u03bd \u03b4\u03b5\u03bd \u03c0\u03b1\u03c4\u03ae\u03c3\u03b5\u03c4\u03b5 \u03b5\u03bd\u03c4\u03cc\u03c2 5 \u03bb\u03b5\u03c0\u03c4\u03ce\u03bd, \u03c7\u03ac\u03bd\u03b5\u03c4\u03b5 \u03c4\u03bf\u03bd \u03b1\u03b3\u03ce\u03bd\u03b1<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">4<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">Chat & Play<\/div><div class=\"g-step-d\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b5 \u03c4\u03bf\u03bd \u03b1\u03bd\u03c4\u03af\u03c0\u03b1\u03bb\u03cc \u03c3\u03b1\u03c2 \u03c3\u03c4\u03bf <strong>match chat<\/strong> \u03c4\u03bf\u03c5 Battlefy \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ba\u03b1\u03bd\u03bf\u03bd\u03af\u03c3\u03b5\u03c4\u03b5 Invite \u03ae Lobby. \u03a0\u03b1\u03af\u03be\u03c4\u03b5 \u03c4\u03bf\u03bd \u03b1\u03b3\u03ce\u03bd\u03b1 \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03b1\u03bd\u03b1\u03bc\u03ad\u03c4\u03c1\u03b7\u03c3\u03b7.<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">5<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">Report Score<\/div><div class=\"g-step-d\">\u039c\u03b5\u03c4\u03ac \u03c4\u03bf\u03bd \u03b1\u03b3\u03ce\u03bd\u03b1 \u03c0\u03b1\u03c4\u03ae\u03c3\u03c4\u03b5 <strong>Report Score<\/strong>, \u03ba\u03b1\u03c4\u03b1\u03c7\u03c9\u03c1\u03ae\u03c3\u03c4\u03b5 \u03c4\u03bf \u03c3\u03ba\u03bf\u03c1 \u03ba\u03b1\u03b9 \u03b1\u03bd\u03b5\u03b2\u03ac\u03c3\u03c4\u03b5 <strong>\u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1 \u03b1\u03c0\u03bf\u03b4\u03b5\u03b9\u03ba\u03c4\u03b9\u03ba\u03bf\u03cd<\/strong>. \u0393\u03b9\u03b1 \u03c0\u03c1\u03cc\u03b2\u03bb\u03b7\u03bc\u03b1 \u03ae \u03ad\u03bd\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c0\u03b1\u03c4\u03ae\u03c3\u03c4\u03b5 <strong>Report Issue<\/strong>.<\/div><div class=\"g-tip\">\u2139\ufe0f \u03a4\u03bf Discord support chat \u03c0\u03b1\u03c1\u03b1\u03bc\u03ad\u03bd\u03b5\u03b9 \u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03cc \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7 \u03b4\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1 \u03c4\u03bf\u03c5 \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac.<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"g-label\">\u03a3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03ac<\/div>\r\n <div class=\"g-notices\">\r\n <div class=\"g-notice promo\"><span>\ud83c\udf81<\/span><span>\u038c\u03bb\u03bf\u03b9 \u03bf\u03b9 \u03c3\u03c5\u03bc\u03bc\u03b5\u03c4\u03ad\u03c7\u03bf\u03bd\u03c4\u03b5\u03c2 \u03bc\u03c0\u03b1\u03af\u03bd\u03bf\u03c5\u03bd \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1 \u03c3\u03b5 \u03ba\u03bb\u03ae\u03c1\u03c9\u03c3\u03b7 \u03b3\u03b9\u03b1 <strong>\u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c0\u03bf\u03b4\u03bf\u03c3\u03c6\u03b1\u03b9\u03c1\u03b9\u03ba\u03ad\u03c2 \u03b5\u03bc\u03c6\u03b1\u03bd\u03af\u03c3\u03b5\u03b9\u03c2<\/strong>!<\/span><\/div>\r\n <div class=\"g-notice inf\"><span>\ud83c\udfc6<\/span><span>\u0397 <strong>1\u03b7 \u03b8\u03ad\u03c3\u03b7<\/strong> \u03ba\u03ac\u03b8\u03b5 \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac \u03bf\u03b4\u03b7\u03b3\u03b5\u03af \u03b1\u03c0\u03b5\u03c5\u03b8\u03b5\u03af\u03b1\u03c2 \u03c3\u03c4\u03bf Final Stage. \u039f\u03b9 \u03c5\u03c0\u03cc\u03bb\u03bf\u03b9\u03c0\u03bf\u03b9 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03b6\u03bf\u03c5\u03bd \u03bc\u03b5 \u03c0\u03cc\u03bd\u03c4\u03bf\u03c5\u03c2 \u03ba\u03b1\u03c4\u03ac\u03c4\u03b1\u03be\u03b7\u03c2.<\/span><\/div>\r\n <div class=\"g-notice warn\"><span>\u26a0\ufe0f<\/span><span>\u03a4\u03bf <strong>Check-in \u03b5\u03af\u03bd\u03b1\u03b9 \u03c5\u03c0\u03bf\u03c7\u03c1\u03b5\u03c9\u03c4\u03b9\u03ba\u03cc<\/strong>. \u03a7\u03c9\u03c1\u03af\u03c2 Check-in \u03b4\u03b5\u03bd \u03c3\u03c5\u03bc\u03bc\u03b5\u03c4\u03ad\u03c7\u03b5\u03c4\u03b5 \u03c3\u03c4\u03bf \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac \u03b1\u03ba\u03cc\u03bc\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03bd \u03ad\u03c7\u03b5\u03c4\u03b5 \u03b5\u03b3\u03b3\u03c1\u03b1\u03c6\u03b5\u03af.<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"lang-content active\" id=\"roc-content-en\">\r\n <div class=\"g-label\">Participation steps<\/div>\r\n <div class=\"g-steps\">\r\n <div class=\"g-step\"><div class=\"g-step-n\">1<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">Register on Battlefy<\/div><div class=\"g-step-d\">Create an account on <a href=\"https:\/\/battlefy.com\/vgl-esports\" target=\"_blank\" rel=\"noopener\">Battlefy<\/a> and sign up for the Rise of Champions tournament. Registration is open until the start time.<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">2<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">Check-in<\/div><div class=\"g-step-d\"><strong>30 minutes before the start<\/strong>, log into Battlefy and click <strong>Check-in<\/strong>. Check-in closes when the tournament begins.<\/div><div class=\"g-tip\">\u2139\ufe0f If the Check-in option doesn't appear, contact us immediately on <a href=\"https:\/\/discord.gg\/sUz2QbGAZT\" target=\"_blank\" rel=\"noopener\">Discord Support<\/a>.<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">3<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">I am Ready<\/div><div class=\"g-step-d\">At kickoff, the system automatically finds your opponent. For each match, click <strong>\u00abI am Ready\u00bb<\/strong> within <strong>5 minutes<\/strong>.<\/div><div class=\"g-warn\">\u26a0\ufe0f If you don't click within 5 minutes, you forfeit the match<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">4<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">Chat & Play<\/div><div class=\"g-step-d\">Use the <strong>match chat<\/strong> on Battlefy to coordinate an Invite or Lobby with your opponent. Play your match to completion.<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">5<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">Report Score<\/div><div class=\"g-step-d\">After the match click <strong>Report Score<\/strong>, enter the result and upload a <strong>screenshot as proof<\/strong>. For disputes click <strong>Report Issue<\/strong>.<\/div><div class=\"g-tip\">\u2139\ufe0f The Discord support chat is closed during the tournament.<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"g-label\">Important<\/div>\r\n <div class=\"g-notices\">\r\n <div class=\"g-notice promo\"><span>\ud83c\udf81<\/span><span>All participants are automatically entered into a draw for <strong>exclusive football kits<\/strong>!<\/span><\/div>\r\n <div class=\"g-notice inf\"><span>\ud83c\udfc6<\/span><span><strong>1st place<\/strong> in each tournament earns a direct spot in the Final Stage. All others accumulate ranking points.<\/span><\/div>\r\n <div class=\"g-notice warn\"><span>\u26a0\ufe0f<\/span><span><strong>Check-in is mandatory.<\/strong> Without Check-in you will not participate even if you have registered.<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n var CSV_URL = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vRwYEJQQvu8A5aCzPtb_vlK-bUTSpKHNq1pGQo_IrScbTshZayVbwL1S6AMODASFA\/pub?gid=1751640218&single=true&output=csv';\r\n\r\n var t = document.getElementById('roc-title-el');\r\n if (t) t.innerHTML = '<span style=\"color:#ffffff;\">Rise of<\/span><br><span style=\"color:#60a5fa;\">Champions<\/span>';\r\n\r\n function isMobile() { return window.innerWidth <= 768; }\r\n function pad(n){ return String(parseInt(n)).padStart(2,'0'); }\r\n\r\n function splitCSVLine(line) {\r\n var result=[], cur='', inQ=false;\r\n for (var i=0;i<line.length;i++) {\r\n var ch=line[i];\r\n if (ch==='\"'){inQ=!inQ;}\r\n else if (ch===','&&!inQ){result.push(cur);cur='';}\r\n else{cur+=ch;}\r\n }\r\n result.push(cur); return result;\r\n }\r\n\r\n var MONTH_MAP={jan:1,feb:2,mar:3,apr:4,may:5,jun:6,jul:7,aug:8,sep:9,oct:10,nov:11,dec:12};\r\n\r\n function parseDate(s) {\r\n if (!s) return null; s=s.trim();\r\n if (\/^\\d{4}-\\d{2}-\\d{2}$\/.test(s)) return s;\r\n var m=s.match(\/^(\\d{1,2})\\\/(\\d{1,2})\\\/(\\d{4})$\/);\r\n if (m) return m[3]+'-'+pad(m[2])+'-'+pad(m[1]);\r\n var m2=s.match(\/([A-Za-z]+)\\s+(\\d{1,2})\/);\r\n if (m2){var mo=MONTH_MAP[m2[1].toLowerCase().substring(0,3)];if(mo){var yr=new Date().getFullYear();return yr+'-'+pad(mo)+'-'+pad(parseInt(m2[2]));}}\r\n var m3=s.match(\/^(\\d{1,2})\\s+([A-Za-z]+)\/);\r\n if (m3){var mo2=MONTH_MAP[m3[2].toLowerCase().substring(0,3)];if(mo2)return new Date().getFullYear()+'-'+pad(mo2)+'-'+pad(parseInt(m3[1]));}\r\n return null;\r\n }\r\n\r\n function parseTime(s) {\r\n if (!s) return null; s=s.trim();\r\n var m=s.match(\/(\\d{1,2}):(\\d{2})\/);\r\n if (m) return {h:parseInt(m[1]),min:parseInt(m[2])};\r\n var m2=s.match(\/^(\\d{1,2})$\/);\r\n if (m2) return {h:parseInt(m2[1]),min:0};\r\n return null;\r\n }\r\n\r\n function parseCSV(text) {\r\n var lines=text.trim().replace(\/\\r\\n\/g,'\\n').replace(\/\\r\/g,'\\n').split('\\n');\r\n if (lines.length<2) return [];\r\n var headers=lines[0].split(',').map(function(h){return h.trim().replace(\/^\"|\"$\/g,'').toUpperCase();});\r\n function findCol(){var names=Array.prototype.slice.call(arguments);for(var i=0;i<headers.length;i++){var hNorm=headers[i].replace(\/[\\s\\-_]\/g,'');for(var j=0;j<names.length;j++){if(hNorm===names[j].replace(\/[\\s\\-_]\/g,'').toUpperCase())return i;}}return -1;}\r\n var idxGame=findCol('GAME'),idxRound=findCol('ROUND'),idxDate=findCol('DATE'),idxCheckIn=findCol('CHECK IN','CHECKIN','CHECK-IN','CHECKINHOUR'),idxStart=findCol('START','START TIME','STARTTIME'),idxLink=findCol('LINK','URL');\r\n var events=[];\r\n for (var i=1;i<lines.length;i++) {\r\n if (!lines[i].trim()) continue;\r\n var cols=splitCSVLine(lines[i]);\r\n function col(idx){return idx>=0&&idx<cols.length?cols[idx].trim().replace(\/^\"|\"$\/g,''):''; }\r\n var game=col(idxGame),round=col(idxRound),dateRaw=col(idxDate),checkIn=col(idxCheckIn),start=col(idxStart),link=col(idxLink);\r\n if (!dateRaw||!game) continue;\r\n var isoDate=parseDate(dateRaw);\r\n if (!isoDate) continue;\r\n events.push({game:game,round:round,date:isoDate,checkIn:parseTime(checkIn),start:parseTime(start),link:link});\r\n }\r\n return events;\r\n }\r\n\r\n function getNextEvent(events) {\r\n var now=new Date(),next=null,current=null;\r\n for (var i=0;i<events.length;i++) {\r\n var ev=events[i];\r\n var startH=ev.start?ev.start.h:19,startMin=ev.start?ev.start.min:0;\r\n var evStart=new Date(ev.date+'T'+String(startH).padStart(2,'0')+':'+String(startMin).padStart(2,'0')+':00+03:00');\r\n var evEnd=new Date(ev.date+'T23:00:00+03:00');\r\n if (now>=evStart&&now<evEnd){current=ev;break;}\r\n if (evEnd>now&&!next) next=ev;\r\n }\r\n return {current:current,next:next};\r\n }\r\n\r\n function toICSDate(dateStr,h,min){\r\n var d=new Date(dateStr+'T'+String(h).padStart(2,'0')+':'+String(min).padStart(2,'0')+':00+03:00');\r\n return d.toISOString().replace(\/[-:]\/g,'').replace(\/\\.\\d{3}\/,'');\r\n }\r\n\r\n function buildCalLinks(ev) {\r\n if (!ev) return;\r\n var startH=ev.start?ev.start.h:19,startMin=ev.start?ev.start.min:0;\r\n var title='Rise of Champions \u2013 '+ev.game,desc='Register: '+(ev.link||'https:\/\/battlefy.com\/vgl-esports'),loc='Online \u2013 Battlefy';\r\n var startUtc=toICSDate(ev.date,startH,startMin),endUtc=toICSDate(ev.date,23,0);\r\n document.getElementById('roc-cal-google').href='https:\/\/calendar.google.com\/calendar\/render?action=TEMPLATE&text='+encodeURIComponent(title)+'&dates='+startUtc+'\/'+endUtc+'&details='+encodeURIComponent(desc)+'&location='+encodeURIComponent(loc);\r\n document.getElementById('roc-cal-outlook').href='https:\/\/outlook.live.com\/calendar\/0\/deeplink\/compose?subject='+encodeURIComponent(title)+'&startdt='+ev.date+'T'+String(startH).padStart(2,'0')+':'+String(startMin).padStart(2,'0')+':00+03:00&enddt='+ev.date+'T23:00:00+03:00&body='+encodeURIComponent(desc)+'&location='+encodeURIComponent(loc)+'&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent';\r\n document.getElementById('roc-cal-yahoo').href='https:\/\/calendar.yahoo.com\/?v=60&title='+encodeURIComponent(title)+'&st='+startUtc+'&et='+endUtc+'&desc='+encodeURIComponent(desc)+'&in_loc='+encodeURIComponent(loc);\r\n var ics=['BEGIN:VCALENDAR','VERSION:2.0','PRODID:-\/\/VGL Esports\/\/ROC\/\/EN','BEGIN:VEVENT','UID:roc-'+ev.date+'@vglesports.com','DTSTAMP:'+new Date().toISOString().replace(\/[-:]\/g,'').replace(\/\\.\\d{3}\/,''),'DTSTART:'+startUtc,'DTEND:'+endUtc,'SUMMARY:'+title,'DESCRIPTION:'+desc,'LOCATION:'+loc,'URL:'+(ev.link||'https:\/\/battlefy.com\/vgl-esports'),'END:VEVENT','END:VCALENDAR'].join('\\r\\n');\r\n var blob=new Blob([ics],{type:'text\/calendar;charset=utf-8'});\r\n var icsEl=document.getElementById('roc-cal-ics');\r\n icsEl.href=URL.createObjectURL(blob);\r\n icsEl.download='rise-of-champions-'+ev.date+'.ics';\r\n }\r\n\r\n var DAYS=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];\r\n var MONS=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];\r\n var lastState=null,allEvents=[],curDate=null;\r\n\r\n function buildNextLabel(ev) {\r\n var startH=ev.start?ev.start.h:19,startMin=ev.start?ev.start.min:0;\r\n var checkH=ev.checkIn?ev.checkIn.h:(startH-1),checkMin=ev.checkIn?ev.checkIn.min:0;\r\n var d=new Date(ev.date+'T'+String(startH).padStart(2,'0')+':'+String(startMin).padStart(2,'0')+':00+03:00');\r\n var mobile = isMobile();\r\n var dateStr = DAYS[d.getDay()]+' '+d.getDate()+' '+MONS[d.getMonth()]+', Check-in '+String(checkH).padStart(2,'0')+':'+String(checkMin).padStart(2,'0');\r\n var dateSpan = '<span class=\"roc-date-text\" data-v=\"' + dateStr + '\"><\/span>';\r\n var sep = mobile ? '' : '<span style=\"color:rgba(255,255,255,0.2);font-size:12px;margin:0 2px;\">\u00b7<\/span>';\r\n var gameSpan = '<span style=\"color:#60a5fa;font-size:12px;font-weight:700;\">' + ev.game + '<\/span>';\r\n var roundSpan = ev.round\r\n ? (mobile\r\n ? '<span style=\"color:#fbbf24;font-size:12px;font-weight:700;\">' + ev.round + '<\/span>'\r\n : '<span style=\"color:rgba(255,255,255,0.2);font-size:12px;margin:0 2px;\">\u00b7<\/span><span style=\"color:#fbbf24;font-size:12px;font-weight:700;\">' + ev.round + '<\/span>')\r\n : '';\r\n if (mobile) {\r\n return '<span style=\"display:block;text-align:center;\">' + dateSpan + '<\/span>'\r\n + '<span style=\"display:block;text-align:center;margin-top:3px;\">' + gameSpan\r\n + (ev.round ? '<span style=\"color:rgba(255,255,255,0.2);font-size:12px;margin:0 4px;\">\u00b7<\/span>' + roundSpan : '')\r\n + '<\/span>';\r\n }\r\n return dateSpan + sep + gameSpan + roundSpan;\r\n }\r\n\r\n function setLiveMode(ev){\r\n if (lastState==='live') return;\r\n lastState='live';\r\n document.getElementById('roc-live-banner').classList.add('visible');\r\n document.getElementById('roc-countdown-section').classList.add('hidden');\r\n document.getElementById('roc-live-game').textContent=ev.game;\r\n document.getElementById('roc-live-round').textContent=ev.round||'';\r\n document.getElementById('roc-live-btn').href=ev.link||'https:\/\/battlefy.com\/vgl-esports';\r\n }\r\n function setCountdownMode(){\r\n if (lastState==='countdown') return;\r\n lastState='countdown';\r\n document.getElementById('roc-live-banner').classList.remove('visible');\r\n document.getElementById('roc-countdown-section').classList.remove('hidden');\r\n }\r\n\r\n function tick(){\r\n var result=getNextEvent(allEvents);\r\n if (result.current){setLiveMode(result.current);return;}\r\n setCountdownMode();\r\n var ev=result.next;\r\n var lbl=document.getElementById('roc-next-label');\r\n if (!ev){\r\n lbl.innerHTML='<span style=\"color:rgba(255,255,255,0.45);font-size:12px;\">Season complete!<\/span>';\r\n ['rcd-d','rcd-h','rcd-m','rcd-s'].forEach(function(id){document.getElementById(id).textContent='00';});\r\n return;\r\n }\r\n if (curDate !== ev.date) {\r\n lbl.innerHTML = buildNextLabel(ev);\r\n curDate = ev.date;\r\n buildCalLinks(ev);\r\n }\r\n var startH=ev.start?ev.start.h:19,startMin=ev.start?ev.start.min:0;\r\n var evStart=new Date(ev.date+'T'+String(startH).padStart(2,'0')+':'+String(startMin).padStart(2,'0')+':00+03:00');\r\n var diff=evStart-new Date();\r\n if (diff<=0){['rcd-d','rcd-h','rcd-m','rcd-s'].forEach(function(id){document.getElementById(id).textContent='00';});return;}\r\n document.getElementById('rcd-d').textContent=pad(Math.floor(diff\/86400000));\r\n document.getElementById('rcd-h').textContent=pad(Math.floor((diff%86400000)\/3600000));\r\n document.getElementById('rcd-m').textContent=pad(Math.floor((diff%3600000)\/60000));\r\n document.getElementById('rcd-s').textContent=pad(Math.floor((diff%60000)\/1000));\r\n }\r\n\r\n window.addEventListener('resize', function() { curDate = null; });\r\n\r\n function loadAndStart(){\r\n fetch(CSV_URL)\r\n .then(function(r){return r.text();})\r\n .then(function(text){\r\n allEvents=parseCSV(text);\r\n allEvents.sort(function(a,b){return a.date.localeCompare(b.date);});\r\n tick(); setInterval(tick,1000);\r\n setInterval(function(){fetch(CSV_URL).then(function(r){return r.text();}).then(function(t){allEvents=parseCSV(t);allEvents.sort(function(a,b){return a.date.localeCompare(b.date);});}).catch(function(){});},5*60*1000);\r\n })\r\n .catch(function(){tick();setInterval(tick,1000);});\r\n }\r\n loadAndStart();\r\n\r\n window.toggleCalDropdown=function(e){\r\n e.stopPropagation();\r\n document.getElementById('roc-cal-dropdown').classList.toggle('open');\r\n };\r\n document.addEventListener('click',function(){\r\n var dd=document.getElementById('roc-cal-dropdown');\r\n if (dd) dd.classList.remove('open');\r\n });\r\n\r\n \/* Modal-only language switcher *\/\r\n window.rocSetLang=function(lang){\r\n document.querySelectorAll('#roc-modal .lang-content').forEach(function(el){el.classList.remove('active');});\r\n document.getElementById('roc-content-'+lang).classList.add('active');\r\n document.querySelectorAll('#roc-modal .m-lang button').forEach(function(b){b.classList.remove('active');});\r\n document.getElementById('roc-lang-'+lang).classList.add('active');\r\n document.getElementById('roc-modal-reg').textContent = lang==='el' ? '\u0395\u0393\u0393\u03a1\u0391\u03a6\u0397 \u2197' : 'REGISTER \u2197';\r\n };\r\n\r\n \/* Canvas particles *\/\r\n var c=document.getElementById('roc-canvas'),ctx=c.getContext('2d');\r\n function rsz(){var r=c.parentElement.getBoundingClientRect();c.width=r.width||680;c.height=r.height||560;}\r\n rsz();\r\n var COLS=['rgba(96,165,250,','rgba(255,80,0,','rgba(255,255,255,'];\r\n function mkP(){return{x:Math.random()*c.width,y:Math.random()*c.height,r:Math.random()*1.5+0.3,vy:Math.random()*0.35+0.1,vx:(Math.random()-0.5)*0.2,a:Math.random()*0.4+0.08,col:COLS[Math.floor(Math.random()*COLS.length)],tw:Math.random()*Math.PI*2,ts:Math.random()*0.025+0.008};}\r\n var pts=Array.from({length:90},mkP),scanY=0;\r\n function frame(){\r\n ctx.clearRect(0,0,c.width,c.height);\r\n var sg=ctx.createLinearGradient(0,scanY-50,0,scanY+50);\r\n sg.addColorStop(0,'rgba(96,165,250,0)');sg.addColorStop(0.5,'rgba(96,165,250,0.03)');sg.addColorStop(1,'rgba(96,165,250,0)');\r\n ctx.fillStyle=sg;ctx.fillRect(0,scanY-50,c.width,100);\r\n scanY+=0.9;if(scanY>c.height+50)scanY=-50;\r\n pts.forEach(function(p){p.y-=p.vy;p.x+=p.vx;p.tw+=p.ts;if(p.y<-5){Object.assign(p,mkP());p.y=c.height+5;}var a=p.a*(0.65+0.35*Math.sin(p.tw));ctx.beginPath();ctx.arc(p.x,p.y,p.r,0,Math.PI*2);ctx.fillStyle=p.col+a+')';ctx.fill();});\r\n requestAnimationFrame(frame);\r\n }\r\n frame();\r\n\r\n document.addEventListener('keydown',function(e){if(e.key==='Escape'){document.getElementById('roc-popup-overlay').classList.remove('open');document.getElementById('roc-cal-dropdown').classList.remove('open');}});\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fe57ce9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"fe57ce9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-24d087a\" data-id=\"24d087a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bf99834 elementor-widget elementor-widget-html\" data-id=\"bf99834\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;500;600;700&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#roc-b {\r\n width: 100%;\r\n background: #121925;\r\n font-family: 'Barlow', sans-serif;\r\n color: #fff;\r\n padding: 52px 0 64px;\r\n}\r\n.rb-inner { max-width: 1400px; margin: 0 auto; padding: 0 32px; }\r\n\r\n.rb-eyebrow { font-size:10px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:rgba(255,255,255,0.25); margin-bottom:10px; }\r\n.rb-title { font-family:'Bebas Neue',sans-serif; font-size:40px; letter-spacing:3px; color:#fff; line-height:1; margin-bottom:6px; }\r\n.rb-title em { color:#60a5fa; font-style:normal; }\r\n.rb-sub { font-size:12px; font-weight:500; color:rgba(255,255,255,0.28); min-height:16px; }\r\n\r\n\/* \u2500\u2500 Layout \u2500\u2500 *\/\r\n.rb-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 300px;\r\n gap: 12px;\r\n margin-top: 36px;\r\n align-items: stretch;\r\n}\r\n\r\n\/* \u2500\u2500 Hero \u2500\u2500 *\/\r\n.rb-hero {\r\n background: rgba(255,255,255,0.025);\r\n border: 1px solid rgba(255,255,255,0.06);\r\n border-radius: 4px;\r\n padding: 36px 40px;\r\n display: flex;\r\n flex-direction: column;\r\n transition: opacity 0.18s ease;\r\n min-height: 240px;\r\n border-left-width: 3px;\r\n}\r\n.rb-hero-tag {\r\n display: flex; align-items: center; gap: 8px;\r\n font-size:10px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase;\r\n color:rgba(255,255,255,0.3); margin-bottom:22px;\r\n}\r\n.rb-hero-dot { width:7px; height:7px; border-radius:50%; flex-shrink:0; }\r\n\r\n.rb-hero-eyebrow { font-size:9px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:rgba(255,255,255,0.22); margin-bottom:8px; }\r\n\r\n.rb-hero-main { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:10px; }\r\n.rb-hero-round { font-family:'Bebas Neue',sans-serif; font-size:48px; letter-spacing:2px; line-height:1; color:#fff; }\r\n.rb-hero-reg {\r\n display:inline-flex; align-items:center;\r\n padding:11px 28px; border-radius:3px; flex-shrink:0;\r\n font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase;\r\n text-decoration:none; color:#000;\r\n transition:opacity 0.2s, transform 0.15s;\r\n margin-top:6px;\r\n}\r\n.rb-hero-reg:hover { opacity:0.8; transform:translateY(-1px); }\r\n\r\n.rb-hero-date { font-size:14px; font-weight:500; color:rgba(255,255,255,0.45); margin-bottom:4px; }\r\n.rb-hero-times { font-size:12px; font-weight:500; color:rgba(255,255,255,0.25); }\r\n\r\n.rb-hero-status {\r\n display:inline-flex; align-items:center; gap:6px;\r\n font-size:9px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;\r\n margin-top:18px;\r\n}\r\n.rb-hero-status-dot { width:5px; height:5px; border-radius:50%; flex-shrink:0; }\r\n.blink { animation: blink 1.4s ease-in-out infinite; }\r\n@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.2} }\r\n\r\n.rb-hero-divider { height:1px; background:rgba(255,255,255,0.05); margin: 20px 0 16px; }\r\n.rb-hero-finals { display:flex; align-items:center; gap:10px; }\r\n.rb-hero-finals-lbl { font-size:9px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(240,192,64,0.45); }\r\n.rb-hero-finals-val { font-size:12px; font-weight:600; color:rgba(255,255,255,0.3); }\r\n.rb-hero-finals-date { font-size:11px; color:rgba(255,255,255,0.2); margin-left:auto; }\r\n\r\n\/* \u2500\u2500 Sidebar \u2500\u2500 *\/\r\n.rb-sidebar { display:flex; flex-direction:column; gap:12px; }\r\n\r\n.rb-side-card {\r\n flex:1;\r\n background: rgba(255,255,255,0.02);\r\n border: 1px solid rgba(255,255,255,0.06);\r\n border-radius: 4px;\r\n padding: 22px 24px;\r\n cursor: pointer;\r\n transition: background 0.18s, border-color 0.18s;\r\n display: flex; flex-direction: column; justify-content: space-between;\r\n border-left-width: 2px;\r\n}\r\n.rb-side-card:hover { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.14); }\r\n\r\n.rb-side-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }\r\n.rb-side-game { display:flex; align-items:center; gap:7px; font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(255,255,255,0.35); }\r\n.rb-side-dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; }\r\n.rb-side-arrow { font-size:14px; color:rgba(255,255,255,0.18); transition:transform 0.2s, color 0.2s; }\r\n.rb-side-card:hover .rb-side-arrow { transform:translateX(3px); color:rgba(255,255,255,0.45); }\r\n\r\n.rb-side-round { font-family:'Bebas Neue',sans-serif; font-size:22px; letter-spacing:1.5px; color:rgba(255,255,255,0.6); line-height:1; margin-bottom:5px; }\r\n.rb-side-date { font-size:11px; font-weight:500; color:rgba(255,255,255,0.25); }\r\n\r\n.rb-side-status { display:inline-flex; align-items:center; gap:5px; font-size:9px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; margin-top:12px; }\r\n.rb-side-status-dot { width:4px; height:4px; border-radius:50%; }\r\n\r\n\/* \u2500\u2500 Loading \u2500\u2500 *\/\r\n.rb-loading { padding:24px 0; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:rgba(255,255,255,0.2); }\r\n\r\n\/* \u2500\u2500 Mobile \u2500\u2500 *\/\r\n@media (max-width: 700px) {\r\n .rb-layout { grid-template-columns:1fr; }\r\n .rb-hero { padding:28px 24px; }\r\n .rb-hero-round { font-size:36px; }\r\n .rb-hero-main { flex-direction:column; gap:16px; }\r\n .rb-inner { padding:0 20px; }\r\n #roc-b { padding:40px 0 52px; }\r\n .rb-title { font-size:32px; }\r\n .rb-sidebar { flex-direction:row; }\r\n .rb-side-card { flex:1; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"roc-b\">\r\n <div class=\"rb-inner\">\r\n <div class=\"rb-eyebrow\">Rise of Champions \u00b7 Season 1<\/div>\r\n <div class=\"rb-title\">Tournament <em>Schedule<\/em><\/div>\r\n <div class=\"rb-sub\" id=\"rb-sub\">Loading\u2026<\/div>\r\n\r\n <div class=\"rb-layout\">\r\n <div id=\"rb-hero\" class=\"rb-hero\"><div class=\"rb-loading\">\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7\u2026<\/div><\/div>\r\n <div id=\"rb-sidebar\" class=\"rb-sidebar\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n var CSV = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vRwYEJQQvu8A5aCzPtb_vlK-bUTSpKHNq1pGQo_IrScbTshZayVbwL1S6AMODASFA\/pub?gid=1751640218&single=true&output=csv';\r\n var GAME_KEYS = { 'EAFC26':'eafc','EAFC27':'eafc','eFootball':'ef','Rocket League':'rl' };\r\n var GAME_COLORS = { eafc:'#4ade80', rl:'#ff6b35', ef:'#00d4ff' };\r\n var GAME_LABELS = { eafc:'EA FC 26', rl:'Rocket League', ef:'eFOOTBALL' };\r\n var MONTHS = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];\r\n var _data = {}, _hero = 'eafc';\r\n var GAMES = ['eafc','rl','ef'];\r\n\r\n function parseCSV(txt) {\r\n return txt.trim().split('\\n').map(function(line) {\r\n var cols=[],cur='',q=false;\r\n for(var j=0;j<line.length;j++){var c=line[j];if(c==='\"')q=!q;else if(c===','&&!q){cols.push(cur.trim());cur='';}else cur+=c;}\r\n cols.push(cur.trim()); return cols;\r\n });\r\n }\r\n function parseDt(s) {\r\n if(!s)return null;\r\n var m=s.trim().match(\/^(\\d{1,2})\\\/(\\d{1,2})\\\/(\\d{2,4})$\/);\r\n if(m){var y=+m[3];if(y<100)y+=2000;return new Date(y,+m[2]-1,+m[1]);}\r\n var d=new Date(s);if(!isNaN(d))return d;\r\n d=new Date(s+', 2026');return isNaN(d)?null:d;\r\n }\r\n function fmtDate(s) {\r\n if(!s||s.toUpperCase()==='TBA')return 'TBA';\r\n return s.split(\/\u2192|->\/).map(function(p){var d=parseDt(p.trim());return d?d.getDate()+' '+MONTHS[d.getMonth()]:p.trim();}).join(' \u2192 ');\r\n }\r\n function isDone(s){var v=(s||'').toLowerCase().trim();return v==='completed'||v==='done';}\r\n function isOpen(s){var v=(s||'').toLowerCase().trim();return['open regist','open reg','register','open'].some(function(p){return v.indexOf(p)>=0;});}\r\n function isSoon(s){return(s||'').toLowerCase().trim()==='soon';}\r\n function isFinal(r){return(r||'').toUpperCase().indexOf('FINAL')>=0;}\r\n\r\n function getNextEv(game){\r\n var evs=_data[game]||[];\r\n return evs.find(function(e){return !isDone(e.status)&&!isFinal(e.round);})||null;\r\n }\r\n function getFinalsEv(game){\r\n var evs=_data[game]||[];\r\n return evs.find(function(e){return isFinal(e.round)&&!isDone(e.status);})||null;\r\n }\r\n\r\n function renderHero(animate) {\r\n var heroEl = document.getElementById('rb-hero');\r\n var color = GAME_COLORS[_hero];\r\n var label = GAME_LABELS[_hero];\r\n var ev = getNextEv(_hero);\r\n var fin = getFinalsEv(_hero);\r\n\r\n var open = ev && isOpen(ev.status);\r\n var soon = ev && isSoon(ev.status);\r\n var dotColor = open ? color : soon ? '#facc15' : 'rgba(255,255,255,0.2)';\r\n var statusTxt= open ? 'Open' : soon ? 'Soon' : ev ? 'Upcoming' : '\u2014';\r\n var times = ev ? [\r\n ev.checkin ? 'Check-in '+ev.checkin : '',\r\n ev.start ? 'Starts '+ev.start : ''\r\n ].filter(Boolean).join(' \u00b7 ') : '';\r\n\r\n var roundName = ev ? (ev.round||'').toUpperCase() : ((_data[_hero]||[]).every(function(e){return isDone(e.status);}) ? 'SEASON COMPLETE' : 'TBA');\r\n\r\n var html =\r\n '<div class=\"rb-hero-tag\"><span class=\"rb-hero-dot\" style=\"background:'+color+'\"><\/span>'+label+'<\/div>'\r\n +'<div class=\"rb-hero-eyebrow\">Next Up<\/div>'\r\n +'<div class=\"rb-hero-main\">'\r\n +'<div><div class=\"rb-hero-round\">'+roundName+'<\/div>'\r\n +(ev ? '<div class=\"rb-hero-date\">'+fmtDate(ev.date)+'<\/div>' : '')\r\n +(times ? '<div class=\"rb-hero-times\">'+times+'<\/div>' : '')\r\n +'<\/div>'\r\n +(open && ev && ev.link ? '<a class=\"rb-hero-reg\" href=\"'+ev.link+'\" target=\"_blank\" style=\"background:'+color+'\">Register \u2192<\/a>' : '')\r\n +'<\/div>'\r\n +(ev ? '<div class=\"rb-hero-status\" style=\"color:'+dotColor+'\"><div class=\"rb-hero-status-dot'+(open?' blink':'')+'\" style=\"background:'+dotColor+'\"><\/div>'+statusTxt+'<\/div>' : '')\r\n +'<div class=\"rb-hero-divider\"><\/div>'\r\n +'<div class=\"rb-hero-finals\">'\r\n +'<span class=\"rb-hero-finals-lbl\">\u2605 Final Stage<\/span>'\r\n +(fin\r\n ? '<span class=\"rb-hero-finals-val\" style=\"color:#f0c040\">'+(fin.round||'').toUpperCase()+'<\/span><span class=\"rb-hero-finals-date\">'+fmtDate(fin.date)+'<\/span>'\r\n : '<span class=\"rb-hero-finals-val\">TBA<\/span>')\r\n +'<\/div>';\r\n\r\n heroEl.style.borderLeftColor = color;\r\n\r\n if (animate) {\r\n heroEl.style.opacity = '0';\r\n setTimeout(function(){\r\n heroEl.innerHTML = html;\r\n heroEl.style.opacity = '1';\r\n }, 160);\r\n } else {\r\n heroEl.innerHTML = html;\r\n }\r\n }\r\n\r\n function renderSidebar() {\r\n var sideEl = document.getElementById('rb-sidebar');\r\n var sideGames = GAMES.filter(function(g){ return g !== _hero; });\r\n var html = '';\r\n\r\n sideGames.forEach(function(game) {\r\n var color = GAME_COLORS[game];\r\n var label = GAME_LABELS[game];\r\n var ev = getNextEv(game);\r\n var open = ev && isOpen(ev.status);\r\n var soon = ev && isSoon(ev.status);\r\n var dotColor = open ? color : soon ? '#facc15' : 'rgba(255,255,255,0.2)';\r\n var statusTxt= open ? 'Open' : soon ? 'Soon' : ev ? 'Upcoming' : 'Done';\r\n var roundName= ev ? (ev.round||'').toUpperCase() : 'TBA';\r\n\r\n html += '<div class=\"rb-side-card\" data-game=\"'+game+'\" style=\"border-left-color:'+color+'\">'\r\n +'<div>'\r\n +'<div class=\"rb-side-top\">'\r\n +'<div class=\"rb-side-game\"><span class=\"rb-side-dot\" style=\"background:'+color+'\"><\/span>'+label+'<\/div>'\r\n +'<span class=\"rb-side-arrow\">\u2192<\/span>'\r\n +'<\/div>'\r\n +'<div class=\"rb-side-round\">'+roundName+'<\/div>'\r\n +(ev ? '<div class=\"rb-side-date\">'+fmtDate(ev.date)+'<\/div>' : '')\r\n +'<\/div>'\r\n +'<div class=\"rb-side-status\" style=\"color:'+dotColor+'\">'\r\n +'<div class=\"rb-side-status-dot\" style=\"background:'+dotColor+'\"><\/div>'+statusTxt\r\n +'<\/div>'\r\n +'<\/div>';\r\n });\r\n\r\n sideEl.innerHTML = html;\r\n\r\n sideEl.querySelectorAll('.rb-side-card').forEach(function(card) {\r\n card.addEventListener('click', function() {\r\n var g = card.getAttribute('data-game');\r\n if (g === _hero) return;\r\n _hero = g;\r\n renderHero(true);\r\n renderSidebar();\r\n });\r\n });\r\n }\r\n\r\n function pickHero(all) {\r\n var openEv = all.find(function(e){ return isOpen(e.status); });\r\n if (openEv) return openEv.gameKey;\r\n var soonEv = all.find(function(e){ return isSoon(e.status); });\r\n if (soonEv) return soonEv.gameKey;\r\n return 'eafc';\r\n }\r\n\r\n function updateSub(all) {\r\n var sub = document.getElementById('rb-sub');\r\n var openEv = all.find(function(e){ return isOpen(e.status); });\r\n if (openEv) sub.textContent = '\u0395\u03b3\u03b3\u03c1\u03b1\u03c6\u03ad\u03c2 \u03b1\u03bd\u03bf\u03b9\u03c7\u03c4\u03ad\u03c2 \u00b7 '+(GAME_LABELS[openEv.gameKey]||'')+' \u00b7 '+(openEv.round||'').toUpperCase()+' \u00b7 '+fmtDate(openEv.date);\r\n else { var s=all.find(function(e){return isSoon(e.status);}); sub.textContent=s?'Coming Soon \u00b7 '+(GAME_LABELS[s.gameKey]||''):'Season 1 \u00b7 2026'; }\r\n }\r\n\r\n async function load() {\r\n try {\r\n var rows = parseCSV(await (await fetch(CSV)).text());\r\n var hr=0;\r\n for(var r=0;r<Math.min(rows.length,5);r++){if(rows[r].some(function(c){return c.toUpperCase()==='GAME';})){hr=r;break;}}\r\n var h=rows[hr].map(function(x){return x.toUpperCase().trim();});\r\n function ci(n){var i=h.indexOf(n);return i>=0?i:-1;}\r\n var iG=ci('GAME'),iE=ci('EVENT'),iR=ci('ROUND'),iD=ci('DATE'),\r\n iS=ci('STATUS'),iC=ci('CHECK IN'),iSt=ci('START'),iL=ci('TOURNAMENT LINK');\r\n if(iG<0)iG=3;if(iE<0)iE=2;if(iR<0)iR=4;if(iD<0)iD=5;\r\n if(iS<0)iS=6;if(iC<0)iC=9;if(iSt<0)iSt=10;if(iL<0)iL=11;\r\n\r\n var grp={eafc:[],rl:[],ef:[]}, all=[];\r\n for(var row=hr+1;row<rows.length;row++){\r\n var c=rows[row];if(!c||c.length<4)continue;\r\n var gk=GAME_KEYS[(c[iG]||'').trim()];if(!gk)continue;\r\n if((c[iE]||'').toLowerCase().indexOf('rise of champions')<0)continue;\r\n var ev={gameKey:gk,round:(c[iR]||'').trim(),date:(c[iD]||'').trim(),\r\n status:(c[iS]||'').trim(),checkin:(c[iC]||'').trim(),\r\n start:(c[iSt]||'').trim(),link:iL>=0?(c[iL]||'').trim():''};\r\n grp[gk].push(ev);all.push(ev);\r\n }\r\n _data=grp;\r\n _hero=pickHero(all);\r\n renderHero(false);\r\n renderSidebar();\r\n updateSub(all);\r\n } catch(e) {\r\n document.getElementById('rb-hero').innerHTML='<div class=\"rb-loading\" style=\"color:#f87171\">\u26a0\ufe0f \u0391\u03b4\u03c5\u03bd\u03b1\u03bc\u03af\u03b1 \u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7\u03c2.<\/div>';\r\n }\r\n }\r\n\r\n load();\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8cf2e9f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8cf2e9f\" data-element_type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6d050e2\" data-id=\"6d050e2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-23ebd8f elementor-widget elementor-widget-html\" data-id=\"23ebd8f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;700&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n#vgl-finals-widget {\r\n --fn-bg-card: #121925;\r\n --fn-border: rgba(255,255,255,0.06);\r\n --fn-border-soft: rgba(255,255,255,0.04);\r\n --fn-gold: #f0c040;\r\n --fn-ea: #4ade80;\r\n --fn-rl: #ff6b35;\r\n --fn-ef: #00d4ff;\r\n --fn-text: rgba(255,255,255,0.85);\r\n --fn-muted: rgba(255,255,255,0.28);\r\n font-family: 'Barlow', sans-serif;\r\n color: var(--fn-text);\r\n max-width: 960px;\r\n margin: 0 auto;\r\n padding: 30px 16px 60px;\r\n}\r\n#vgl-finals-widget * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n\/* \u2500\u2500 Header \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-header { text-align: center; margin-bottom: 32px; }\r\n#vgl-finals-widget .fn-header h1 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 2.2rem; font-weight: 400; letter-spacing: 3px;\r\n text-transform: uppercase; color: var(--fn-text);\r\n}\r\n#vgl-finals-widget .fn-header h1 span { color: var(--fn-gold); }\r\n#vgl-finals-widget .fn-header p {\r\n color: var(--fn-muted); font-size: 0.75rem; letter-spacing: 2px;\r\n text-transform: uppercase; margin-top: 6px; font-weight: 600;\r\n}\r\n\r\n\/* \u2500\u2500 Tabs \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-tabs {\r\n display: flex; gap: 5px; margin-bottom: 24px;\r\n justify-content: center; flex-wrap: nowrap;\r\n}\r\n#vgl-finals-widget .fn-tab {\r\n font-family: 'Barlow', sans-serif; font-size: 11px; font-weight: 700;\r\n letter-spacing: 1px; text-transform: uppercase;\r\n color: rgba(255,255,255,0.45); background: rgba(255,255,255,0.04);\r\n border: 0.5px solid rgba(255,255,255,0.10); padding: 8px 18px;\r\n border-radius: 20px; cursor: pointer; transition: all 0.18s;\r\n display: flex; align-items: center; gap: 6px;\r\n white-space: nowrap; flex-shrink: 0;\r\n}\r\n#vgl-finals-widget .fn-tab:hover { color: rgba(255,255,255,0.75); background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.2); }\r\n#vgl-finals-widget .fn-tab.act-eafc { background: rgba(74,222,128,0.08); border-color: rgba(74,222,128,0.4); color: var(--fn-ea); }\r\n#vgl-finals-widget .fn-tab.act-rl { background: rgba(255,107,53,0.08); border-color: rgba(255,107,53,0.4); color: var(--fn-rl); }\r\n#vgl-finals-widget .fn-tab.act-ef { background: rgba(0,212,255,0.08); border-color: rgba(0,212,255,0.4); color: var(--fn-ef); }\r\n#vgl-finals-widget .fn-tab-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }\r\n#vgl-finals-widget .fn-tab[data-g=\"eafc\"] .fn-tab-dot { background: var(--fn-ea); }\r\n#vgl-finals-widget .fn-tab[data-g=\"rl\"] .fn-tab-dot { background: var(--fn-rl); }\r\n#vgl-finals-widget .fn-tab[data-g=\"ef\"] .fn-tab-dot { background: var(--fn-ef); }\r\n\r\n\/* \u2500\u2500 Panels \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-panel { display: none; }\r\n#vgl-finals-widget .fn-panel.show { display: block; animation: fnFade .25s ease; }\r\n@keyframes fnFade { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }\r\n\r\n\/* \u2500\u2500 Table wrap (shared card style) \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-card {\r\n background: var(--fn-bg-card);\r\n border: 0.5px solid var(--fn-border);\r\n border-radius: 4px; overflow: hidden;\r\n background-image:\r\n linear-gradient(rgba(96,165,250,0.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(96,165,250,0.025) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n margin-bottom: 20px;\r\n}\r\n#vgl-finals-widget .fn-card-hdr {\r\n padding: 14px 24px 12px; border-bottom: 0.5px solid var(--fn-border);\r\n display: flex; align-items: center; gap: 12px;\r\n background: rgba(0,0,0,0.15);\r\n}\r\n#vgl-finals-widget .fn-card-hdr h2 {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 1.2rem;\r\n font-weight: 400; letter-spacing: 2px; text-transform: uppercase;\r\n color: var(--fn-gold);\r\n}\r\n\r\n\/* \u2500\u2500 Group standings \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-groups-wrap {\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr));\r\n \/* dividers between columns *\/\r\n divide-gap: 0;\r\n}\r\n\/* divider via box-shadow on each group block except last *\/\r\n#vgl-finals-widget .fn-group-block {\r\n padding: 16px 20px;\r\n border-right: 0.5px solid var(--fn-border);\r\n}\r\n#vgl-finals-widget .fn-group-block:last-child { border-right: none; }\r\n#vgl-finals-widget .fn-group-label {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 0.95rem; font-weight: 400; letter-spacing: 3px;\r\n text-transform: uppercase; color: var(--fn-gold);\r\n padding-bottom: 8px; margin-bottom: 4px;\r\n border-bottom: 0.5px solid rgba(240,192,64,0.2);\r\n}\r\n#vgl-finals-widget .fn-tbl { width: 100%; border-collapse: collapse; }\r\n#vgl-finals-widget .fn-tbl th {\r\n padding: 7px 10px; font-size: 0.6rem; font-weight: 700;\r\n letter-spacing: 1.5px; text-transform: uppercase; color: var(--fn-muted);\r\n text-align: center; border-bottom: 0.5px solid var(--fn-border-soft);\r\n background: rgba(0,0,0,0.15);\r\n}\r\n#vgl-finals-widget .fn-tbl th:nth-child(2) { text-align: left; padding-left: 4px; }\r\n#vgl-finals-widget .fn-tbl td {\r\n padding: 9px 10px; font-size: 0.82rem; font-weight: 600;\r\n text-align: center; border-bottom: 0.5px solid var(--fn-border-soft);\r\n color: var(--fn-muted);\r\n}\r\n#vgl-finals-widget .fn-tbl td:nth-child(1) { width: 28px; }\r\n#vgl-finals-widget .fn-tbl td:nth-child(2) { text-align: left; color: var(--fn-text); font-size: 0.88rem; padding-left: 4px; }\r\n#vgl-finals-widget .fn-tbl td:last-child { padding-right: 0; }\r\n#vgl-finals-widget .fn-tbl tr:last-child td { border-bottom: none; }\r\n#vgl-finals-widget .fn-tbl tr.q1 td:nth-child(2) { color: #fff; font-weight: 700; }\r\n#vgl-finals-widget .fn-tbl .fn-pts { color: var(--fn-gold) !important; font-family: 'Bebas Neue', sans-serif; font-size: 1rem; letter-spacing: 1px; }\r\n#vgl-finals-widget .fn-tbl .pos-1 { font-family: 'Bebas Neue', sans-serif; color: var(--fn-gold) !important; font-size: 1rem; }\r\n#vgl-finals-widget .fn-tbl .pos-2 { color: rgba(192,207,224,0.7) !important; }\r\n#vgl-finals-widget .fn-qual-dot {\r\n display: inline-block; width: 5px; height: 5px; border-radius: 50%;\r\n margin-right: 7px; vertical-align: middle; position: relative; top: -1px;\r\n}\r\n#vgl-finals-widget .fn-qual-dot.d1 { background: var(--fn-gold); }\r\n#vgl-finals-widget .fn-qual-dot.d2 { background: rgba(192,207,224,0.5); }\r\n\r\n\/* \u2500\u2500 Match cards \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-matches-wrap { padding: 16px; }\r\n#vgl-finals-widget .fn-matches-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }\r\n#vgl-finals-widget .fn-match {\r\n background: rgba(255,255,255,0.02); border: 0.5px solid var(--fn-border);\r\n border-radius: 4px; padding: 10px 14px;\r\n transition: background .15s;\r\n}\r\n#vgl-finals-widget .fn-match:hover { background: rgba(255,255,255,0.04); }\r\n#vgl-finals-widget .fn-match-grp {\r\n font-size: 0.6rem; color: var(--fn-muted); font-weight: 700;\r\n letter-spacing: 1.5px; text-transform: uppercase; text-align: center; margin-bottom: 8px;\r\n}\r\n#vgl-finals-widget .fn-match-row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; }\r\n#vgl-finals-widget .fn-match-team {\r\n font-size: 0.92rem; font-weight: 700; color: var(--fn-text);\r\n white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\r\n}\r\n#vgl-finals-widget .fn-match-team.h { text-align: right; }\r\n#vgl-finals-widget .fn-match-team.a { text-align: left; }\r\n#vgl-finals-widget .fn-match-player {\r\n font-size: 0.68rem; color: rgba(255,255,255,0.22); font-weight: 600;\r\n white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\r\n font-style: italic; display: block; margin-top: 2px;\r\n}\r\n#vgl-finals-widget .fn-match-player.h { text-align: right; }\r\n#vgl-finals-widget .fn-match-player.a { text-align: left; }\r\n#vgl-finals-widget .fn-score {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 1.05rem; letter-spacing: 1px;\r\n color: var(--fn-gold); text-align: center; white-space: nowrap;\r\n padding: 4px 10px; background: rgba(240,192,64,0.08);\r\n border: 0.5px solid rgba(240,192,64,0.25); border-radius: 3px; min-width: 52px;\r\n}\r\n#vgl-finals-widget .fn-time {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 0.95rem; letter-spacing: 1px;\r\n color: rgba(255,255,255,0.25); text-align: center;\r\n padding: 4px 10px; background: rgba(255,255,255,0.04);\r\n border: 0.5px solid var(--fn-border); border-radius: 3px; white-space: nowrap;\r\n}\r\n\r\n\/* \u2500\u2500 Pagination \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-pager {\r\n display: flex; align-items: center; justify-content: center; gap: 6px;\r\n padding: 14px 24px; border-top: 0.5px solid var(--fn-border);\r\n background: var(--fn-bg-card); border-radius: 0 0 4px 4px;\r\n}\r\n#vgl-finals-widget .fn-pg-btn {\r\n font-family: 'Barlow', sans-serif; font-size: 11px; font-weight: 700;\r\n letter-spacing: 0.5px; min-width: 34px; height: 34px; padding: 0 10px;\r\n border-radius: 8px; border: 0.5px solid rgba(255,255,255,0.10);\r\n background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.45);\r\n cursor: pointer; transition: all 0.18s; display: inline-flex; align-items: center; justify-content: center;\r\n}\r\n#vgl-finals-widget .fn-pg-btn:hover:not(:disabled) { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.8); }\r\n#vgl-finals-widget .fn-pg-btn.active { background: rgba(240,192,64,0.12); border-color: rgba(240,192,64,0.4); color: var(--fn-gold); }\r\n#vgl-finals-widget .fn-pg-btn:disabled { opacity: 0.2; cursor: default; }\r\n\r\n\/* \u2500\u2500 Qualified \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-qual-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); gap: 8px; padding: 16px; }\r\n#vgl-finals-widget .fn-qual-card {\r\n background: rgba(0,255,255,0.04); border: 0.5px solid rgba(0,255,255,0.15);\r\n border-radius: 4px; padding: 12px 16px; display: flex; align-items: center; gap: 10px;\r\n}\r\n#vgl-finals-widget .fn-qual-medal { font-size: 1.1rem; }\r\n#vgl-finals-widget .fn-qual-name { font-size: 0.88rem; font-weight: 700; color: #fff; }\r\n#vgl-finals-widget .fn-qual-grp { font-size: 0.62rem; color: var(--fn-muted); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-top: 2px; }\r\n\r\n\/* \u2500\u2500 Knockout \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-ko-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); gap: 10px; padding: 16px; }\r\n#vgl-finals-widget .fn-ko-card {\r\n background: rgba(240,192,64,0.04); border: 0.5px solid rgba(240,192,64,0.2);\r\n border-radius: 4px; padding: 14px 18px;\r\n}\r\n#vgl-finals-widget .fn-ko-label {\r\n font-size: 0.62rem; font-weight: 700; text-transform: uppercase;\r\n letter-spacing: 2px; color: var(--fn-gold); margin-bottom: 12px;\r\n font-family: 'Barlow', sans-serif;\r\n}\r\n#vgl-finals-widget .fn-ko-matchup { display: flex; align-items: center; gap: 10px; }\r\n#vgl-finals-widget .fn-ko-team {\r\n flex: 1; font-size: 0.9rem; font-weight: 700; color: var(--fn-text);\r\n text-align: center; word-break: break-word; line-height: 1.3;\r\n}\r\n#vgl-finals-widget .fn-ko-score {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 1.1rem; letter-spacing: 1px;\r\n color: var(--fn-gold); padding: 6px 12px;\r\n background: rgba(240,192,64,0.1); border: 0.5px solid rgba(240,192,64,0.25);\r\n border-radius: 3px; text-align: center; min-width: 52px;\r\n}\r\n#vgl-finals-widget .fn-ko-vs {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 0.9rem; letter-spacing: 1px;\r\n color: rgba(255,255,255,0.2); padding: 6px 12px;\r\n background: rgba(255,255,255,0.04); border: 0.5px solid var(--fn-border);\r\n border-radius: 3px; text-align: center; min-width: 52px;\r\n}\r\n#vgl-finals-widget .fn-ko-time {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 0.95rem; letter-spacing: 1px;\r\n color: rgba(255,255,255,0.3); padding: 6px 12px;\r\n background: rgba(255,255,255,0.04); border: 0.5px solid var(--fn-border);\r\n border-radius: 3px; text-align: center; min-width: 52px;\r\n}\r\n\r\n\/* \u2500\u2500 States \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-loading {\r\n text-align: center; padding: 48px;\r\n color: var(--fn-muted); font-size: 0.8rem; letter-spacing: 2px; text-transform: uppercase;\r\n}\r\n#vgl-finals-widget .fn-spin {\r\n display: inline-block; width: 14px; height: 14px;\r\n border: 1.5px solid rgba(240,192,64,0.15); border-top-color: var(--fn-gold);\r\n border-radius: 50%; animation: fn-spin .8s linear infinite;\r\n vertical-align: middle; margin-right: 8px;\r\n}\r\n@keyframes fn-spin { to { transform: rotate(360deg); } }\r\n#vgl-finals-widget .fn-soon {\r\n text-align: center; padding: 60px 20px;\r\n font-family: 'Bebas Neue', sans-serif; font-size: 1.1rem;\r\n letter-spacing: 3px; color: rgba(255,255,255,0.15);\r\n}\r\n#vgl-finals-widget .fn-updated {\r\n text-align: right; font-size: 0.66rem; color: rgba(255,255,255,0.15);\r\n font-style: italic; margin-top: 16px; letter-spacing: 0.5px;\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media(max-width:600px){\r\n #vgl-finals-widget { padding: 24px 12px 40px; }\r\n #vgl-finals-widget .fn-header h1 { font-size: 1.6rem; }\r\n #vgl-finals-widget .fn-groups-wrap { grid-template-columns: 1fr; padding: 12px; }\r\n #vgl-finals-widget .fn-group-block { padding: 12px 14px; }\r\n #vgl-finals-widget .fn-matches-grid { grid-template-columns: 1fr; }\r\n #vgl-finals-widget .fn-ko-grid { grid-template-columns: 1fr; padding: 12px; }\r\n #vgl-finals-widget .fn-qual-grid { grid-template-columns: 1fr 1fr; padding: 12px; }\r\n #vgl-finals-widget .fn-tab { padding: 7px 12px; font-size: 10px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body data-rsssl=1 style=\"background:#0d1520\">\r\n\r\n<div id=\"vgl-finals-widget\" translate=\"no\" class=\"notranslate\">\r\n\r\n <div class=\"fn-header\">\r\n <h1>Final <span>Stage<\/span><\/h1>\r\n <p>Season 1 — Final Stage<\/p>\r\n <\/div>\r\n\r\n <div class=\"fn-tabs\">\r\n <button class=\"fn-tab\" data-g=\"eafc\" onclick=\"fnSwitch('eafc')\"><span class=\"fn-tab-dot\"><\/span>EA FC 26<\/button>\r\n <button class=\"fn-tab\" data-g=\"rl\" onclick=\"fnSwitch('rl')\"><span class=\"fn-tab-dot\"><\/span>Rocket League<\/button>\r\n <button class=\"fn-tab\" data-g=\"ef\" onclick=\"fnSwitch('ef')\"><span class=\"fn-tab-dot\"><\/span>eFOOTBALL<\/button>\r\n <\/div>\r\n\r\n <div class=\"fn-panel\" id=\"fn-eafc\">\r\n <div class=\"fn-card\"><div class=\"fn-soon\">\u23f3 Coming Soon<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"fn-panel\" id=\"fn-rl\">\r\n <div class=\"fn-loading\" id=\"fn-rl-load\"><span class=\"fn-spin\"><\/span>Loading data\u2026<\/div>\r\n <div id=\"fn-rl-body\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"fn-panel\" id=\"fn-ef\">\r\n <div class=\"fn-card\"><div class=\"fn-soon\">\u23f3 Coming Soon<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"fn-updated\" id=\"fn-ts\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* \u2500\u2500 TranslatePress guard \u2500\u2500 *\/\r\n(function(){\r\n const root = document.getElementById('vgl-finals-widget');\r\n if (!root) return;\r\n root.setAttribute('translate','no');\r\n root.classList.add('notranslate');\r\n new MutationObserver(muts => muts.forEach(m => m.addedNodes.forEach(n => {\r\n if (n.nodeType !== 1) return;\r\n n.setAttribute('translate','no'); n.classList.add('notranslate');\r\n n.querySelectorAll('*').forEach(el => { el.setAttribute('translate','no'); el.classList.add('notranslate'); });\r\n }))).observe(root, {childList:true, subtree:true});\r\n})();\r\n\r\nconst FN_SHEET = {\r\n rl: 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vQ7XPmTERn8ypG2cKhJPybs2ztp8zh5PDqS1EmIl-XnroKRjn_sScbb7ke79QcHkn6Txmn9pS7bBgT6\/pub?gid=1286950606&single=true&output=csv'\r\n};\r\nconst FN_LOADED = {};\r\nconst FN_PAGES = {};\r\nconst PER_PAGE = 4;\r\n\r\n\/* \u2500\u2500 Tab switch \u2500\u2500 *\/\r\nfunction fnSwitch(g) {\r\n document.querySelectorAll('#vgl-finals-widget .fn-tab').forEach(b => {\r\n b.className = 'fn-tab notranslate';\r\n if (b.dataset.g === g) b.classList.add('act-' + g);\r\n });\r\n document.querySelectorAll('#vgl-finals-widget .fn-panel').forEach(p => p.classList.remove('show'));\r\n document.getElementById('fn-'+g).classList.add('show');\r\n if (FN_SHEET[g] && !FN_LOADED[g]) fnFetch(g);\r\n}\r\n\r\n\/* \u2500\u2500 Fetch \u2500\u2500 *\/\r\nasync function fnFetch(g) {\r\n try {\r\n const r = await fetch(FN_SHEET[g] + '&_=' + Date.now());\r\n if (!r.ok) throw 0;\r\n FN_LOADED[g] = fnParse(await r.text());\r\n fnRender(g, FN_LOADED[g]);\r\n } catch {\r\n const el = document.getElementById('fn-'+g+'-load');\r\n if (el) el.innerHTML = '\u26a0\ufe0f Failed to load data.';\r\n }\r\n}\r\n\r\n\/* \u2500\u2500 CSV parser \u2500\u2500 *\/\r\nfunction fnCSVLine(line) {\r\n const res=[]; let cur='', q=false;\r\n for (let i=0; i<line.length; i++) {\r\n const c=line[i];\r\n if (c==='\"' && !q){q=true;continue}\r\n if (c==='\"' && q){q=false;continue}\r\n if (c===',' && !q){res.push(cur.trim());cur='';continue}\r\n cur+=c;\r\n }\r\n res.push(cur.trim()); return res;\r\n}\r\nfunction fnParse(txt) {\r\n const lines = txt.split('\\n').map(l=>l.replace(\/\\r$\/,''));\r\n const d = {updatedAt:'', groups:{}, groupMatches:[], qualified:[], knockout:[]};\r\n let sec=null, grp=null;\r\n for (const line of lines) {\r\n const c=fnCSVLine(line), f=c[0]||'';\r\n if (f.startsWith('Updated:')) { d.updatedAt=f.replace('Updated:','').trim(); continue; }\r\n if (c.every(x=>!x)) continue;\r\n if (['#','Pos','\u0397\u03bc\/\u03bd\u03af\u03b1'].some(h=>f.startsWith(h))) continue;\r\n if (f.includes('Knockout Stage')||(c[1]||'').includes('Knockout Stage')) { sec='knockout'; continue; }\r\n if (f.includes('Qualified')||(c[1]||'').includes('Qualified')) { sec='qualified'; continue; }\r\n if (f.startsWith('\ud83d\udcc5')||f.includes('\u0391\u03b3\u03ce\u03bd\u03b5\u03c2')||f.includes('Group Stage')) { sec='matches'; grp=null; continue; }\r\n const gm=f.match(\/^Group\\s+([A-Z])$\/i);\r\n if (gm) { grp='Group '+gm[1].toUpperCase(); if(!d.groups[grp]) d.groups[grp]=[]; sec='standings'; continue; }\r\n if (sec==='standings' && grp) {\r\n const pos=parseInt(f);\r\n if (!isNaN(pos) && c[1])\r\n d.groups[grp].push({pos,team:c[1],p:c[2]||'',w:c[3]||'',d_:c[4]||'',l:c[5]||'',gf:c[6]||'',ga:c[7]||'',gd:c[8]||'',pts:c[9]||'0'});\r\n }\r\n if (sec==='matches') {\r\n if (f && c[4] && c[6]) d.groupMatches.push({date:f,group:c[2]||'',home:c[4],away:c[6],score:c[8]||'',hp:'',ap:''});\r\n else if (!f && c[4] && d.groupMatches.length) { const l=d.groupMatches[d.groupMatches.length-1]; l.hp=c[4]; l.ap=c[6]||''; }\r\n }\r\n if (sec==='qualified' && c[1] && c[2] && f!=='Pos') d.qualified.push({pos:f,group:c[1],team:c[2]});\r\n if (sec==='knockout' && f && c[2] && c[5]) d.knockout.push({date:f,home:c[2],away:c[5],score:c[8]||''});\r\n }\r\n return d;\r\n}\r\n\r\n\/* \u2500\u2500 Renderer \u2500\u2500 *\/\r\nfunction fnRender(g, d) {\r\n const load = document.getElementById('fn-'+g+'-load');\r\n const body = document.getElementById('fn-'+g+'-body');\r\n if (load) load.style.display='none';\r\n if (!body) return;\r\n\r\n let h = '';\r\n const hasGroups = Object.keys(d.groups).length > 0;\r\n const hasMatches = d.groupMatches.length > 0;\r\n\r\n \/\/ \u2500\u2500 Side-by-side: groups LEFT, matches RIGHT \u2500\u2500\r\n if (hasGroups || hasMatches) {\r\n h += `<div class=\"fn-gs-layout notranslate\">`;\r\n\r\n \/\/ LEFT \u2014 groups stacked\r\n if (hasGroups) {\r\n h += `<div class=\"fn-gs-left notranslate\">\r\n <div class=\"fn-card notranslate\">\r\n <div class=\"fn-card-hdr\"><h2>\ud83d\udcca Group Stage \u2014 Standings<\/h2><\/div>`;\r\n Object.keys(d.groups).forEach(gk => {\r\n h += `<div class=\"fn-group-block notranslate\">\r\n <div class=\"fn-group-label\">\u2605 ${gk}<\/div>\r\n <table class=\"fn-tbl\"><thead><tr>\r\n <th>#<\/th><th>Team<\/th><th>P<\/th><th>W<\/th><th>D<\/th><th>L<\/th><th>GF<\/th><th>GA<\/th><th>GD<\/th><th>Pts<\/th>\r\n <\/tr><\/thead><tbody>`;\r\n d.groups[gk].forEach((t,i) => {\r\n const rc=i===0?'q1':'', pc=i===0?'pos-1':i===1?'pos-2':'';\r\n const dot=i<2?`<span class=\"fn-qual-dot ${i===0?'d1':'d2'}\"><\/span>`:'';\r\n h+=`<tr class=\"${rc} notranslate\"><td class=\"${pc}\">${t.pos}<\/td><td>${dot}${t.team}<\/td><td>${t.p}<\/td><td>${t.w}<\/td><td>${t.d_}<\/td><td>${t.l}<\/td><td>${t.gf}<\/td><td>${t.ga}<\/td><td>${t.gd}<\/td><td class=\"fn-pts\">${t.pts}<\/td><\/tr>`;\r\n });\r\n h += `<\/tbody><\/table><\/div>`;\r\n });\r\n h += `<\/div><\/div>`; \/\/ close card + fn-gs-left\r\n }\r\n\r\n \/\/ RIGHT \u2014 matches paginated\r\n if (hasMatches) {\r\n h += `<div class=\"fn-gs-right notranslate\">\r\n <div class=\"fn-card notranslate\">\r\n <div class=\"fn-card-hdr\"><h2>\ud83c\udfae Group Stage \u2014 Matches<\/h2><\/div>\r\n <div class=\"fn-matches-wrap notranslate\">\r\n <div id=\"fn-${g}-mgrid\" class=\"fn-matches-grid notranslate\"><\/div>\r\n <\/div>\r\n <div class=\"fn-pager notranslate\" id=\"fn-${g}-mpager\"><\/div>\r\n <\/div>\r\n <\/div>`;\r\n }\r\n\r\n h += `<\/div>`; \/\/ close fn-gs-layout\r\n }\r\n\r\n \/\/ Qualified\r\n const allPlayed = d.groupMatches.length>0 && d.groupMatches.every(m=>\/\\d+[-\u2013]\\d+\/.test(m.score));\r\n if (d.qualified.length && allPlayed) {\r\n h += `<div class=\"fn-card notranslate\" style=\"margin-bottom:20px\">\r\n <div class=\"fn-card-hdr\"><h2>\ud83d\udfe2 Qualified Teams<\/h2><\/div>\r\n <div class=\"fn-qual-grid notranslate\">`;\r\n d.qualified.forEach(q => {\r\n const medal=q.pos.includes('\ud83e\udd47')?'\ud83e\udd47':q.pos.includes('\ud83e\udd48')?'\ud83e\udd48':q.pos.includes('\ud83e\udd49')?'\ud83e\udd49':'\u2705';\r\n h+=`<div class=\"fn-qual-card notranslate\"><div class=\"fn-qual-medal\">${medal}<\/div><div><div class=\"fn-qual-name notranslate\">${q.team}<\/div><div class=\"fn-qual-grp notranslate\">${q.group}<\/div><\/div><\/div>`;\r\n });\r\n h += '<\/div><\/div>';\r\n }\r\n\r\n \/\/ Knockout\r\n if (d.knockout.length) {\r\n h += `<div class=\"fn-card notranslate\" style=\"margin-bottom:20px\">\r\n <div class=\"fn-card-hdr\"><h2>\u26a1 Knockout Stage<\/h2><\/div>\r\n <div class=\"fn-ko-grid notranslate\">`;\r\n d.knockout.forEach((m,i) => {\r\n const sc=m.score||'', isScore=\/\\d+[-\u2013]\\d+\/.test(sc), isTime=\/^\\d{2}:\\d{2}$\/.test(sc);\r\n const mid=isScore?`<div class=\"fn-ko-score notranslate\">${sc}<\/div>`:isTime?`<div class=\"fn-ko-time notranslate\">\ud83d\udd50 ${sc}<\/div>`:`<div class=\"fn-ko-vs notranslate\">VS<\/div>`;\r\n h+=`<div class=\"fn-ko-card notranslate\"><div class=\"fn-ko-label\">Semifinal ${i+1} \u00b7 ${m.date}<\/div><div class=\"fn-ko-matchup\"><div class=\"fn-ko-team notranslate\">${m.home}<\/div>${mid}<div class=\"fn-ko-team notranslate\">${m.away}<\/div><\/div><\/div>`;\r\n });\r\n h += '<\/div><\/div>';\r\n }\r\n\r\n if (!h) h='<div class=\"fn-card\"><div class=\"fn-soon\">No data found.<\/div><\/div>';\r\n body.innerHTML = h;\r\n if (d.updatedAt) document.getElementById('fn-ts').textContent = 'Last updated: ' + d.updatedAt;\r\n\r\n \/\/ Render paginated matches\r\n if (d.groupMatches.length) {\r\n FN_PAGES[g] = 1;\r\n fnMatchPage(g, d.groupMatches, 1);\r\n }\r\n}\r\n\r\nfunction fnMatchPage(g, matches, pg) {\r\n FN_PAGES[g] = pg;\r\n const total = matches.length, pages = Math.ceil(total\/PER_PAGE);\r\n const slice = matches.slice((pg-1)*PER_PAGE, pg*PER_PAGE);\r\n const grid = document.getElementById('fn-'+g+'-mgrid');\r\n const pager = document.getElementById('fn-'+g+'-mpager');\r\n if (!grid) return;\r\n\r\n let gHTML = '';\r\n slice.forEach(m => {\r\n const sc=m.score||'\u2014', isScore=\/\\d+[-\u2013]\\d+\/.test(sc);\r\n const hp=m.hp?`<span class=\"fn-match-player h notranslate\">${m.hp}<\/span>`:'';\r\n const ap=m.ap?`<span class=\"fn-match-player a notranslate\">${m.ap}<\/span>`:'';\r\n gHTML+=`<div class=\"fn-match notranslate\">\r\n <div class=\"fn-match-grp notranslate\">${m.group}<\/div>\r\n <div class=\"fn-match-row notranslate\">\r\n <div><div class=\"fn-match-team h notranslate\">${m.home}<\/div>${hp}<\/div>\r\n <div class=\"${isScore?'fn-score':'fn-time'} notranslate\">${sc}<\/div>\r\n <div><div class=\"fn-match-team a notranslate\">${m.away}<\/div>${ap}<\/div>\r\n <\/div>\r\n <\/div>`;\r\n });\r\n grid.innerHTML = gHTML;\r\n\r\n if (!pager) return;\r\n if (pages <= 1) { pager.style.display='none'; return; }\r\n pager.style.display = 'flex';\r\n let pH = `<button class=\"fn-pg-btn notranslate\" ${pg===1?'disabled':''} onclick=\"fnMatchPage('${g}',FN_LOADED['${g}'].groupMatches,${pg-1})\">\u2039<\/button>`;\r\n for (let i=1;i<=pages;i++)\r\n pH+=`<button class=\"fn-pg-btn notranslate ${i===pg?'active':''}\" onclick=\"fnMatchPage('${g}',FN_LOADED['${g}'].groupMatches,${i})\">${i}<\/button>`;\r\n pH+=`<button class=\"fn-pg-btn notranslate\" ${pg===pages?'disabled':''} onclick=\"fnMatchPage('${g}',FN_LOADED['${g}'].groupMatches,${pg+1})\">\u203a<\/button>`;\r\n pager.innerHTML = pH;\r\n}\r\n\r\n\/* \u2500\u2500 Init \u2500\u2500 *\/\r\nfnSwitch('rl');\r\nsetInterval(() => {\r\n Object.keys(FN_LOADED).forEach(g => { if (FN_SHEET[g]) { FN_LOADED[g]=null; fnFetch(g); } });\r\n}, 2*60*1000);\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-27a8b20 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"27a8b20\" data-element_type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-44ac92f\" data-id=\"44ac92f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4c3b20e elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"4c3b20e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;700&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n #rocRankWrap {\r\n --rk-bg-card: #121925;\r\n --rk-bg-hover: rgba(255,255,255,0.02);\r\n --rk-border: rgba(255,255,255,0.06);\r\n --rk-border-soft: rgba(255,255,255,0.04);\r\n --rk-gold: #f0c040;\r\n --rk-silver: #c0cfe0;\r\n --rk-bronze: #cd7f32;\r\n --rk-ef: #00d4ff;\r\n --rk-rl: #ff6b35;\r\n --rk-ea: #4ade80;\r\n --rk-text: rgba(255,255,255,0.85);\r\n --rk-muted: rgba(255,255,255,0.28);\r\n --rk-qf: #00ffff;\r\n font-family: 'Barlow', sans-serif;\r\n color: var(--rk-text);\r\n }\r\n\r\n #rocRankWrap .rk-wrapper { max-width: 960px; margin: 0 auto; padding: 30px 16px 60px; }\r\n #rocRankWrap .rk-header { text-align: center; margin-bottom: 32px; }\r\n #rocRankWrap .rk-header h1 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 2.2rem; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; color: var(--rk-text);\r\n }\r\n #rocRankWrap .rk-header h1 span { color: var(--rk-gold); }\r\n #rocRankWrap .rk-header p { color: var(--rk-muted); font-size: 0.75rem; letter-spacing: 2px; text-transform: uppercase; margin-top: 6px; font-weight: 600; }\r\n\r\n #rocRankWrap .rk-tab-nav { display: flex; gap: 5px; margin-bottom: 24px; justify-content: center; flex-wrap: nowrap; }\r\n #rocRankWrap .rk-tab-btn {\r\n font-family: 'Barlow', sans-serif;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.45);\r\n background: rgba(255,255,255,0.04);\r\n border: 0.5px solid rgba(255,255,255,0.10);\r\n padding: 8px 18px;\r\n border-radius: 20px;\r\n cursor: pointer;\r\n transition: all 0.18s;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n }\r\n #rocRankWrap .rk-tab-btn:hover { color: rgba(255,255,255,0.75); background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.2); }\r\n #rocRankWrap .rk-tab-btn.active[data-game=\"eafc\"] { background: rgba(74,222,128,0.08); border-color: rgba(74,222,128,0.4); color: #4ade80; }\r\n #rocRankWrap .rk-tab-btn.active[data-game=\"rl\"] { background: rgba(255,107,53,0.08); border-color: rgba(255,107,53,0.4); color: #ff6b35; }\r\n #rocRankWrap .rk-tab-btn.active[data-game=\"efootball\"] { background: rgba(0,212,255,0.08); border-color: rgba(0,212,255,0.4); color: #00d4ff; }\r\n\r\n #rocRankWrap .rk-tab-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }\r\n #rocRankWrap .rk-tab-btn[data-game=\"eafc\"] .rk-tab-dot { background: var(--rk-ea); }\r\n #rocRankWrap .rk-tab-btn[data-game=\"rl\"] .rk-tab-dot { background: var(--rk-rl); }\r\n #rocRankWrap .rk-tab-btn[data-game=\"efootball\"] .rk-tab-dot { background: var(--rk-ef); }\r\n\r\n #rocRankWrap .rk-tab-panel { display: none; }\r\n #rocRankWrap .rk-tab-panel.active { display: block; animation: rkFadeIn 0.25s ease; }\r\n @keyframes rkFadeIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }\r\n\r\n #rocRankWrap .rk-table-wrap {\r\n background: var(--rk-bg-card); border: 0.5px solid var(--rk-border);\r\n border-radius: 4px; overflow: hidden;\r\n background-image:\r\n linear-gradient(rgba(96,165,250,0.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(96,165,250,0.025) 1px, transparent 1px);\r\n background-size: 40px 40px; position: relative;\r\n }\r\n #rocRankWrap .rk-table-hdr {\r\n padding: 16px 24px 13px; border-bottom: 0.5px solid var(--rk-border);\r\n display: flex; align-items: center; gap: 12px; background: rgba(0,0,0,0.15);\r\n }\r\n #rocRankWrap .rk-table-hdr h2 { font-family: 'Bebas Neue', sans-serif; font-size: 1.3rem; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; }\r\n #rocRankWrap .rk-table-hdr h2.efootball { color: var(--rk-ef); }\r\n #rocRankWrap .rk-table-hdr h2.rl { color: var(--rk-rl); }\r\n #rocRankWrap .rk-table-hdr h2.eafc { color: var(--rk-ea); }\r\n\r\n #rocRankWrap .rk-col-hdr {\r\n display: grid; grid-template-columns: 56px 1fr 110px 80px;\r\n padding: 9px 24px; background: rgba(0,0,0,0.2); border-bottom: 0.5px solid var(--rk-border);\r\n }\r\n #rocRankWrap .rk-col-hdr span { font-size: 0.68rem; letter-spacing: 2px; text-transform: uppercase; color: var(--rk-muted); font-weight: 700; }\r\n #rocRankWrap .rk-col-hdr span:nth-child(3), #rocRankWrap .rk-col-hdr span:last-child { text-align: right; }\r\n\r\n #rocRankWrap .rk-row {\r\n display: grid; grid-template-columns: 56px 1fr 110px 80px;\r\n padding: 12px 24px; border-bottom: 0.5px solid var(--rk-border-soft);\r\n align-items: center; transition: background 0.15s;\r\n }\r\n #rocRankWrap .rk-row:last-child { border-bottom: none; }\r\n #rocRankWrap .rk-row:hover { background: var(--rk-bg-hover); }\r\n #rocRankWrap .rk-row.qf-row { background: rgba(0,255,255,0.04); border-bottom-color: rgba(0,255,255,0.08); }\r\n #rocRankWrap .rk-row.qf-row:hover { background: rgba(0,255,255,0.08); }\r\n\r\n #rocRankWrap .rk-num { font-family: 'Bebas Neue', sans-serif; font-size: 1.1rem; font-weight: 400; color: var(--rk-muted); letter-spacing: 1px; }\r\n #rocRankWrap .rk-row.top1 .rk-num { color: var(--rk-gold); font-size: 1.2rem; }\r\n #rocRankWrap .rk-row.top2 .rk-num { color: var(--rk-silver); }\r\n #rocRankWrap .rk-row.top3 .rk-num { color: var(--rk-bronze); }\r\n #rocRankWrap .rk-bold { color: rgba(255,255,255,0.85) !important; font-weight: 700; }\r\n\r\n #rocRankWrap .rk-name { font-size: 0.95rem; font-weight: 600; color: var(--rk-text); }\r\n #rocRankWrap .rk-name.qualified { color: #fff; font-weight: 700; }\r\n\r\n #rocRankWrap .rk-wr { text-align: right; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 0.95rem; }\r\n #rocRankWrap .rk-wr-val { color: rgba(255,255,255,0.7); }\r\n #rocRankWrap .rk-wr-na { color: var(--rk-muted); opacity: 0.4; font-size: 0.8rem; }\r\n\r\n #rocRankWrap .rk-pts { text-align: right; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 1.1rem; letter-spacing: 1px; }\r\n #rocRankWrap .rk-pts-num.efootball { color: var(--rk-ef); }\r\n #rocRankWrap .rk-pts-num.rl { color: var(--rk-rl); }\r\n #rocRankWrap .rk-pts-num.eafc { color: var(--rk-ea); }\r\n #rocRankWrap .rk-pts-qf {\r\n color: #00ffff; font-size: 0.65rem; background: rgba(0,255,255,0.08);\r\n border: 0.5px solid rgba(0,255,255,0.25); padding: 3px 8px; border-radius: 2px;\r\n letter-spacing: 2px; display: inline-block; font-family: 'Bebas Neue', sans-serif;\r\n }\r\n\r\n #rocRankWrap .rk-divider {\r\n padding: 7px 24px; background: rgba(0,255,255,0.04);\r\n border-top: 0.5px solid rgba(0,255,255,0.12); border-bottom: 0.5px solid rgba(0,255,255,0.12);\r\n font-size: 0.63rem; letter-spacing: 3px; text-transform: uppercase;\r\n color: rgba(255,255,255,0.35); font-weight: 700; display: flex; align-items: center; gap: 10px;\r\n }\r\n #rocRankWrap .rk-divider::after { content:''; flex:1; height:1px; background: rgba(0,255,255,0.12); }\r\n\r\n #rocRankWrap .rk-search-wrap { margin-bottom: 10px; position: relative; }\r\n #rocRankWrap .rk-search {\r\n width: 100%; background: var(--rk-bg-card); border: 0.5px solid rgba(255,255,255,0.08);\r\n border-radius: 2px; color: var(--rk-text); font-family: 'Barlow', sans-serif;\r\n font-size: 0.9rem; font-weight: 600; padding: 10px 16px 10px 40px; outline: none;\r\n transition: border-color 0.2s; box-sizing: border-box;\r\n }\r\n #rocRankWrap .rk-search::placeholder { color: var(--rk-muted); }\r\n #rocRankWrap .rk-search:focus { border-color: rgba(96,165,250,0.35); }\r\n #rocRankWrap .rk-search-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--rk-muted); pointer-events: none; font-size: 14px; }\r\n\r\n #rocRankWrap .rk-pager {\r\n display: flex; align-items: center; justify-content: center; gap: 6px;\r\n padding: 14px 24px; border-top: 0.5px solid var(--rk-border);\r\n background: var(--rk-bg-card); border-radius: 0 0 4px 4px;\r\n }\r\n #rocRankWrap .rk-pg-btn {\r\n font-family: 'Barlow', sans-serif; font-size: 11px; font-weight: 700;\r\n letter-spacing: 0.5px; min-width: 34px; height: 34px; padding: 0 10px;\r\n border-radius: 8px; border: 0.5px solid rgba(255,255,255,0.10);\r\n background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.45);\r\n cursor: pointer; transition: all 0.18s; display: flex; align-items: center; justify-content: center;\r\n }\r\n #rocRankWrap .rk-pg-btn:hover:not(:disabled) { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.8); }\r\n #rocRankWrap .rk-pg-btn.active { background: rgba(96,165,250,0.12); border-color: rgba(96,165,250,0.4); color: #60a5fa; }\r\n #rocRankWrap .rk-pg-btn:disabled { opacity: 0.2; cursor: default; }\r\n #rocRankWrap .rk-pg-info { font-family: 'Barlow', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 0 4px; }\r\n\r\n @media(max-width:600px) {\r\n #rocRankWrap .rk-col-hdr, #rocRankWrap .rk-row { grid-template-columns: 36px 1fr 72px 52px; padding-left: 12px; padding-right: 12px; }\r\n #rocRankWrap .rk-header h1 { font-size: 1.5rem; }\r\n #rocRankWrap .rk-name { font-size: 0.82rem; }\r\n #rocRankWrap .rk-pts { font-size: 0.9rem; }\r\n #rocRankWrap .rk-wr { font-size: 0.82rem; }\r\n #rocRankWrap .rk-num { font-size: 0.9rem; }\r\n #rocRankWrap .rk-pts-qf { font-size: 0.55rem; padding: 2px 5px; letter-spacing: 1px; }\r\n }\r\n @media(max-width:400px) {\r\n #rocRankWrap .rk-tab-btn { padding: 7px 12px; font-size: 10px; gap: 5px; }\r\n #rocRankWrap .rk-col-hdr, #rocRankWrap .rk-row { grid-template-columns: 32px 1fr 64px 46px; padding-left: 10px; padding-right: 10px; }\r\n }\r\n<\/style>\r\n\r\n<div id=\"rocRankWrap\">\r\n <div class=\"rk-wrapper\">\r\n\r\n <div class=\"rk-header\">\r\n <h1>RoC <span>Seasonal<\/span> Rankings<\/h1>\r\n <p>Season 1 — Consistency Leaderboard<\/p>\r\n <\/div>\r\n\r\n <div class=\"rk-tab-nav\">\r\n <button class=\"rk-tab-btn active\" data-game=\"eafc\"><span class=\"rk-tab-dot\"><\/span> EA FC 26<\/button>\r\n <button class=\"rk-tab-btn\" data-game=\"rl\"><span class=\"rk-tab-dot\"><\/span> Rocket League<\/button>\r\n <button class=\"rk-tab-btn\" data-game=\"efootball\"><span class=\"rk-tab-dot\"><\/span> eFOOTBALL<\/button>\r\n <\/div>\r\n\r\n <div class=\"rk-tab-panel active\" id=\"rk-panel-eafc\">\r\n <div class=\"rk-search-wrap\">\r\n <span class=\"rk-search-icon\">\ud83d\udd0d<\/span>\r\n <input class=\"rk-search\" type=\"text\" placeholder=\"\u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7...\" data-game=\"eafc\">\r\n <\/div>\r\n <div class=\"rk-table-wrap\">\r\n <div class=\"rk-table-hdr\"><h2 class=\"eafc\">EA FC 26<\/h2><\/div>\r\n <div class=\"rk-col-hdr\"><span><\/span><span>Participant<\/span><span>\u03a3\u03b7\u03bc\u03b5\u03af\u03b1<\/span><span>Win %<\/span><\/div>\r\n <div id=\"rk-rows-eafc\"><\/div>\r\n <\/div>\r\n <div class=\"rk-pager\" id=\"rk-pager-eafc\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rk-tab-panel\" id=\"rk-panel-rl\">\r\n <div class=\"rk-search-wrap\">\r\n <span class=\"rk-search-icon\">\ud83d\udd0d<\/span>\r\n <input class=\"rk-search\" type=\"text\" placeholder=\"\u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03bf\u03bc\u03ac\u03b4\u03b1\u03c2...\" data-game=\"rl\">\r\n <\/div>\r\n <div class=\"rk-table-wrap\">\r\n <div class=\"rk-table-hdr\"><h2 class=\"rl\">Rocket League<\/h2><\/div>\r\n <div class=\"rk-col-hdr\"><span><\/span><span>\u039f\u03bc\u03ac\u03b4\u03b1<\/span><span>\u03a3\u03b7\u03bc\u03b5\u03af\u03b1<\/span><span>Win %<\/span><\/div>\r\n <div id=\"rk-rows-rl\"><\/div>\r\n <\/div>\r\n <div class=\"rk-pager\" id=\"rk-pager-rl\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rk-tab-panel\" id=\"rk-panel-efootball\">\r\n <div class=\"rk-search-wrap\">\r\n <span class=\"rk-search-icon\">\ud83d\udd0d<\/span>\r\n <input class=\"rk-search\" type=\"text\" placeholder=\"\u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7...\" data-game=\"efootball\">\r\n <\/div>\r\n <div class=\"rk-table-wrap\">\r\n <div class=\"rk-table-hdr\"><h2 class=\"efootball\">eFOOTBALL<\/h2><\/div>\r\n <div class=\"rk-col-hdr\"><span><\/span><span>Participant<\/span><span>\u03a3\u03b7\u03bc\u03b5\u03af\u03b1<\/span><span>Win %<\/span><\/div>\r\n <div id=\"rk-rows-efootball\"><\/div>\r\n <\/div>\r\n <div class=\"rk-pager\" id=\"rk-pager-efootball\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n var SUPABASE_URL = 'https:\/\/yvzhzxhqbyebblqebxja.supabase.co';\r\n var SUPABASE_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl2emh6eGhxYnllYmJscWVieGphIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzgyNzkzNjUsImV4cCI6MjA5Mzg1NTM2NX0.uhtM7kTsaJhcsD4ZdeggabcMn3wsrtgNLehB3taPhP4';\r\n var PAGE_DESKTOP = 22;\r\n var PAGE_MOBILE = 16;\r\n var allData = { efootball: [], rl: [], eafc: [] };\r\n var pages = { efootball: 1, rl: 1, eafc: 1 };\r\n\r\n function pageSize() { return window.innerWidth <= 600 ? PAGE_MOBILE : PAGE_DESKTOP; }\r\n\r\n function boldClass(game, rank) {\r\n if (game === 'eafc' && rank <= 16) return 'rk-bold';\r\n if ((game === 'rl' || game === 'efootball') && rank <= 8) return 'rk-bold';\r\n return '';\r\n }\r\n\r\n function fmtWR(wr) {\r\n if (wr === null || wr === undefined || wr === '' || wr === 'null')\r\n return '<span class=\"rk-wr-na\">\u2014<\/span>';\r\n var s = String(wr).trim();\r\n return '<span class=\"rk-wr-val\">' + (s.endsWith('%') ? s : s + '%') + '<\/span>';\r\n }\r\n\r\n function parseWR(wr) {\r\n if (!wr || wr === 'null') return -1;\r\n return parseFloat(String(wr).replace('%','')) || -1;\r\n }\r\n\r\n function renderRows(game, data) {\r\n var container = document.getElementById('rk-rows-' + game);\r\n var pager = document.getElementById('rk-pager-' + game);\r\n var ps = pageSize();\r\n var pg = pages[game];\r\n\r\n var qfRows = data.filter(function(r){ return r[2] === 'QF'; });\r\n var nonQFRows = data.filter(function(r){ return r[2] !== 'QF'; });\r\n qfRows.sort(function(a,b){ return parseWR(b[3]) - parseWR(a[3]); });\r\n\r\n var topRanks = [];\r\n nonQFRows.forEach(function(r){ if (topRanks.indexOf(r[0]) === -1) topRanks.push(r[0]); });\r\n topRanks = topRanks.slice(0,3);\r\n\r\n var qfCount = qfRows.length;\r\n var p1nonQF = Math.max(0, ps - qfCount);\r\n var totalPages = 1 + Math.ceil(Math.max(0, nonQFRows.length - p1nonQF) \/ ps);\r\n pg = Math.min(pg, totalPages);\r\n pages[game] = pg;\r\n\r\n var isP1 = pg === 1;\r\n var offset = isP1 ? 0 : p1nonQF + (pg - 2) * ps;\r\n var sliceSize= isP1 ? p1nonQF : ps;\r\n var slice = nonQFRows.slice(offset, offset + sliceSize);\r\n\r\n var html = '';\r\n if (isP1) {\r\n qfRows.forEach(function(row, idx) {\r\n html += '<div class=\"rk-row qf-row\">' +\r\n '<div class=\"rk-num\" style=\"color:#00ffff\">' + (idx+1) + '<\/div>' +\r\n '<div class=\"rk-name qualified\">' + row[1] + '<\/div>' +\r\n '<div class=\"rk-pts\"><span class=\"rk-pts-qf\">\u2726 QF<\/span><\/div>' +\r\n '<div class=\"rk-wr\">' + fmtWR(row[3]) + '<\/div>' +\r\n '<\/div>';\r\n });\r\n if (qfRows.length > 0)\r\n html += '<div class=\"rk-divider\">Overall Ranking<\/div>';\r\n }\r\n\r\n slice.forEach(function(row) {\r\n var rank = row[0], name = row[1], pts = row[2], wr = row[3];\r\n var rc = '';\r\n if (topRanks[0] === rank) rc = 'top1';\r\n else if (topRanks[1] === rank) rc = 'top2';\r\n else if (topRanks[2] === rank) rc = 'top3';\r\n html += '<div class=\"rk-row ' + rc + '\">' +\r\n '<div class=\"rk-num ' + boldClass(game, rank) + '\">' + rank + '<\/div>' +\r\n '<div class=\"rk-name\">' + name + '<\/div>' +\r\n '<div class=\"rk-pts\"><span class=\"rk-pts-num ' + game + '\">' + pts + '<\/span><\/div>' +\r\n '<div class=\"rk-wr\">' + fmtWR(wr) + '<\/div>' +\r\n '<\/div>';\r\n });\r\n\r\n container.innerHTML = html;\r\n\r\n if (totalPages <= 1) { pager.style.display = 'none'; return; }\r\n pager.style.display = 'flex';\r\n\r\n var ph = '';\r\n ph += '<button class=\"rk-pg-btn\" data-game=\"' + game + '\" data-pg=\"prev\" ' + (pg===1?'disabled':'') + '>\u2039<\/button>';\r\n for (var i = 1; i <= totalPages; i++) {\r\n ph += '<button class=\"rk-pg-btn' + (i===pg?' active':'') + '\" data-game=\"' + game + '\" data-pg=\"' + i + '\">' + i + '<\/button>';\r\n }\r\n ph += '<button class=\"rk-pg-btn\" data-game=\"' + game + '\" data-pg=\"next\" ' + (pg===totalPages?'disabled':'') + '>\u203a<\/button>';\r\n pager.innerHTML = ph;\r\n\r\n pager.querySelectorAll('.rk-pg-btn').forEach(function(btn) {\r\n btn.addEventListener('click', function() {\r\n var g = btn.getAttribute('data-game');\r\n var v = btn.getAttribute('data-pg');\r\n var cur = pages[g];\r\n var tot = totalPages;\r\n if (v === 'prev') pages[g] = Math.max(1, cur - 1);\r\n else if (v === 'next') pages[g] = Math.min(tot, cur + 1);\r\n else pages[g] = parseInt(v);\r\n renderRows(g, allData[g]);\r\n var panel = document.getElementById('rk-panel-' + g);\r\n if (panel) panel.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n });\r\n });\r\n }\r\n\r\n function filterTable(game, query) {\r\n var q = query.toLowerCase().trim();\r\n var filtered = q ? allData[game].filter(function(r){ return r[1].toLowerCase().includes(q); }) : allData[game];\r\n pages[game] = 1;\r\n renderRows(game, filtered);\r\n }\r\n\r\n document.querySelectorAll('#rocRankWrap .rk-tab-btn').forEach(function(btn) {\r\n btn.addEventListener('click', function() {\r\n var game = btn.getAttribute('data-game');\r\n document.querySelectorAll('#rocRankWrap .rk-tab-panel').forEach(function(p){ p.classList.remove('active'); });\r\n document.querySelectorAll('#rocRankWrap .rk-tab-btn').forEach(function(b){ b.classList.remove('active'); });\r\n document.getElementById('rk-panel-' + game).classList.add('active');\r\n btn.classList.add('active');\r\n });\r\n });\r\n\r\n document.querySelectorAll('#rocRankWrap .rk-search').forEach(function(input) {\r\n input.addEventListener('input', function() {\r\n filterTable(input.getAttribute('data-game'), input.value);\r\n });\r\n });\r\n\r\n async function loadGame(game) {\r\n var container = document.getElementById('rk-rows-' + game);\r\n container.innerHTML = '<div style=\"text-align:center;padding:30px;color:rgba(255,255,255,0.2);font-size:0.85rem;letter-spacing:1.5px;text-transform:uppercase\">\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7...<\/div>';\r\n try {\r\n var res = await fetch(SUPABASE_URL + '\/rest\/v1\/rankings?game=eq.' + game + '&order=id.asc&select=rank_pos,player_name,points,win_rate', {\r\n headers: { 'apikey': SUPABASE_KEY, 'Authorization': 'Bearer ' + SUPABASE_KEY }\r\n });\r\n var rows = await res.json();\r\n if (!rows || rows.length === 0) {\r\n container.innerHTML = '<div style=\"text-align:center;padding:30px;color:rgba(255,255,255,0.2);font-size:0.85rem\">\u0394\u03b5\u03bd \u03b2\u03c1\u03ad\u03b8\u03b7\u03ba\u03b1\u03bd \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1.<\/div>';\r\n return;\r\n }\r\n allData[game] = rows.map(function(r) {\r\n return [\r\n isNaN(Number(r.rank_pos)) ? r.rank_pos : Number(r.rank_pos),\r\n r.player_name,\r\n isNaN(Number(r.points)) ? r.points : Number(r.points),\r\n r.win_rate ?? null\r\n ];\r\n });\r\n renderRows(game, allData[game]);\r\n } catch(e) {\r\n container.innerHTML = '<div style=\"text-align:center;padding:20px;color:#ff6b6b;font-size:0.82rem\">\u26a0\ufe0f \u0391\u03b4\u03c5\u03bd\u03b1\u03bc\u03af\u03b1 \u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7\u03c2. \u0391\u03bd\u03b1\u03bd\u03ad\u03c9\u03c3\u03b5 \u03c4\u03b7 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1.<\/div>';\r\n }\r\n }\r\n\r\n ['efootball','rl','eafc'].forEach(loadGame);\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-dcd03cb\" data-id=\"dcd03cb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bc05c47 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"bc05c47\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;700&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body data-rsssl=1 style=\"background:#0a0f1a;margin:0;padding:0;\">\r\n<style>\r\n :root {\r\n --fmt-bg-card: #121925;\r\n --fmt-border: rgba(255,255,255,0.06);\r\n --fmt-border-soft: rgba(255,255,255,0.04);\r\n --fmt-gold: #f0c040;\r\n --fmt-accent-ef: #00d4ff;\r\n --fmt-accent-rl: #ff6b35;\r\n --fmt-accent-ea: #4ade80;\r\n --fmt-text: rgba(255,255,255,0.85);\r\n --fmt-muted: rgba(255,255,255,0.28);\r\n }\r\n #rocFmtWrap * { box-sizing: border-box; }\r\n #rocFmtWrap {\r\n font-family: 'Barlow', sans-serif;\r\n color: var(--fmt-text);\r\n width: 100%; max-width: 960px;\r\n margin: 0 auto; padding: 30px 16px 60px;\r\n }\r\n #rocFmtWrap .fmt-tab-panel { display: none; width: 100%; }\r\n #rocFmtWrap .fmt-tab-panel.active { display: block; animation: fmtFadeIn 0.25s ease; }\r\n @keyframes fmtFadeIn { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }\r\n\r\n \/* HEADER *\/\r\n #rocFmtWrap .fmt-header { text-align:center; margin-bottom:32px; }\r\n #rocFmtWrap .fmt-header h1 { font-family:'Bebas Neue',sans-serif; font-size:2.2rem; font-weight:400; letter-spacing:3px; text-transform:uppercase; color:var(--fmt-text); }\r\n #rocFmtWrap .fmt-header h1 span { color:var(--fmt-gold); }\r\n #rocFmtWrap .fmt-header p { color:var(--fmt-muted); font-size:0.75rem; letter-spacing:2px; text-transform:uppercase; margin-top:6px; font-weight:600; }\r\n\r\n \/* TABS *\/\r\n #rocFmtWrap .fmt-tab-nav { display:flex; gap:6px; margin-bottom:24px; justify-content:center; flex-wrap:nowrap; }\r\n #rocFmtWrap .fmt-tab-btn {\r\n font-family:'Barlow',sans-serif; font-size:11px; font-weight:700;\r\n letter-spacing:1px; text-transform:uppercase;\r\n color:rgba(255,255,255,0.45); background:rgba(255,255,255,0.04);\r\n border:0.5px solid rgba(255,255,255,0.10);\r\n padding:8px 18px; border-radius:20px; cursor:pointer;\r\n transition:all 0.18s; display:flex; align-items:center; gap:6px;\r\n white-space:nowrap; flex-shrink:0;\r\n }\r\n #rocFmtWrap .fmt-tab-btn:hover { color:rgba(255,255,255,0.75); background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.2); }\r\n #rocFmtWrap .fmt-tab-btn.active[data-game=\"eafc\"] { background:rgba(74,222,128,0.08); border-color:rgba(74,222,128,0.4); color:var(--fmt-accent-ea); }\r\n #rocFmtWrap .fmt-tab-btn.active[data-game=\"rl\"] { background:rgba(255,107,53,0.08); border-color:rgba(255,107,53,0.4); color:var(--fmt-accent-rl); }\r\n #rocFmtWrap .fmt-tab-btn.active[data-game=\"efootball\"] { background:rgba(0,212,255,0.08); border-color:rgba(0,212,255,0.4); color:var(--fmt-accent-ef); }\r\n #rocFmtWrap .fmt-tab-dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; }\r\n #rocFmtWrap .fmt-tab-btn[data-game=\"eafc\"] .fmt-tab-dot { background:var(--fmt-accent-ea); }\r\n #rocFmtWrap .fmt-tab-btn[data-game=\"rl\"] .fmt-tab-dot { background:var(--fmt-accent-rl); }\r\n #rocFmtWrap .fmt-tab-btn[data-game=\"efootball\"] .fmt-tab-dot { background:var(--fmt-accent-ef); }\r\n @media(max-width:400px) {\r\n #rocFmtWrap .fmt-tab-btn { padding:7px 12px; font-size:10px; gap:5px; }\r\n #rocFmtWrap .fmt-tab-dot { width:5px; height:5px; }\r\n }\r\n\r\n \/* CARD *\/\r\n #rocFmtWrap .fmt-card {\r\n background:var(--fmt-bg-card); border:0.5px solid var(--fmt-border);\r\n border-radius:4px; overflow:hidden; width:100%;\r\n background-image: linear-gradient(rgba(96,165,250,0.025) 1px,transparent 1px), linear-gradient(90deg,rgba(96,165,250,0.025) 1px,transparent 1px);\r\n background-size:40px 40px;\r\n }\r\n #rocFmtWrap .fmt-card-hdr {\r\n padding:14px 20px; border-bottom:0.5px solid var(--fmt-border);\r\n background:rgba(0,0,0,0.15); display:flex; align-items:center; gap:12px;\r\n }\r\n #rocFmtWrap .fmt-card-hdr h2 { font-family:'Bebas Neue',sans-serif; font-size:1.3rem; font-weight:400; letter-spacing:2px; text-transform:uppercase; margin:0; padding:0; }\r\n #rocFmtWrap .fmt-card-hdr h2.eafc { color:var(--fmt-accent-ea); }\r\n #rocFmtWrap .fmt-card-hdr h2.rl { color:var(--fmt-accent-rl); }\r\n #rocFmtWrap .fmt-card-hdr h2.efootball { color:var(--fmt-accent-ef); }\r\n #rocFmtWrap .fmt-card-hdr::after { content:''; display:block; height:2px; width:32px; border-radius:1px; background:var(--fmt-accent); margin-left:auto; opacity:0.6; }\r\n #rocFmtWrap .panel-eafc .fmt-card-hdr { --fmt-accent:var(--fmt-accent-ea); }\r\n #rocFmtWrap .panel-rl .fmt-card-hdr { --fmt-accent:var(--fmt-accent-rl); }\r\n #rocFmtWrap .panel-ef .fmt-card-hdr { --fmt-accent:var(--fmt-accent-ef); }\r\n\r\n #rocFmtWrap .fmt-body { padding:20px; display:flex; flex-direction:column; gap:20px; }\r\n\r\n \/* SEC LABEL *\/\r\n #rocFmtWrap .sec-label {\r\n font-size:0.63rem; letter-spacing:3px; text-transform:uppercase;\r\n color:var(--fmt-accent); font-weight:700;\r\n display:flex; align-items:center; gap:10px; margin-bottom:8px; opacity:0.75;\r\n }\r\n #rocFmtWrap .sec-label::after { content:''; flex:1; height:1px; background:var(--fmt-border); }\r\n\r\n \/* RANKING *\/\r\n #rocFmtWrap .rank-rows { display:flex; flex-direction:column; gap:4px; }\r\n #rocFmtWrap .rank-row { display:flex; align-items:center; justify-content:space-between; padding:9px 12px; background:rgba(255,255,255,0.02); border:0.5px solid var(--fmt-border-soft); border-radius:2px; font-size:0.88rem; }\r\n #rocFmtWrap .rank-pos { color:var(--fmt-muted); font-size:0.72rem; letter-spacing:1.5px; text-transform:uppercase; font-weight:700; }\r\n #rocFmtWrap .rank-val { font-weight:600; color:var(--fmt-text); }\r\n #rocFmtWrap .rank-row.rank-top { background:rgba(240,192,64,0.04); border-color:rgba(240,192,64,0.18); border-left:2px solid var(--fmt-gold); }\r\n #rocFmtWrap .rank-row.rank-top .rank-pos { color:var(--fmt-gold); }\r\n #rocFmtWrap .badge-direct { display:inline-block; font-family:'Bebas Neue',sans-serif; font-size:0.75rem; letter-spacing:2px; padding:3px 10px; border-radius:2px; background:rgba(74,222,128,0.08); color:var(--fmt-accent-ea); border:0.5px solid rgba(74,222,128,0.3); }\r\n #rocFmtWrap .bonus-row { display:flex; justify-content:space-between; align-items:center; padding:9px 12px; background:rgba(255,255,255,0.02); border:0.5px solid var(--fmt-border-soft); border-radius:2px; font-size:0.88rem; margin-bottom:4px; }\r\n #rocFmtWrap .bonus-row:last-child { margin-bottom:0; }\r\n #rocFmtWrap .bonus-key { color:var(--fmt-muted); }\r\n #rocFmtWrap .bonus-val { font-weight:700; color:var(--fmt-text); }\r\n\r\n \/* QUALIFY *\/\r\n #rocFmtWrap .qualify-row { display:flex; align-items:center; padding:9px 12px; background:rgba(255,255,255,0.02); border:0.5px solid var(--fmt-border-soft); border-radius:2px; font-size:0.88rem; margin-bottom:4px; color:var(--fmt-muted); }\r\n #rocFmtWrap .qualify-row:last-child { margin-bottom:0; }\r\n #rocFmtWrap .q-badge { margin-left:auto; flex-shrink:0; font-family:'Bebas Neue',sans-serif; font-size:0.7rem; letter-spacing:2px; padding:3px 9px; border-radius:2px; }\r\n #rocFmtWrap .q-win { background:rgba(74,222,128,0.08); color:var(--fmt-accent-ea); border:0.5px solid rgba(74,222,128,0.3); }\r\n #rocFmtWrap .q-rank { background:rgba(0,212,255,0.08); color:var(--fmt-accent-ef); border:0.5px solid rgba(0,212,255,0.3); }\r\n\r\n \/* DAYS GRID *\/\r\n #rocFmtWrap .days-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; align-items:start; }\r\n @media(max-width:600px) { #rocFmtWrap .days-grid { grid-template-columns:1fr; } }\r\n\r\n #rocFmtWrap .day-card { background:rgba(0,0,0,0.2); border:0.5px solid var(--fmt-border); border-radius:4px; overflow:hidden; display:flex; flex-direction:column; }\r\n #rocFmtWrap .day-hdr { padding:8px 10px; border-bottom:0.5px solid var(--fmt-border); display:flex; align-items:center; gap:6px; background:rgba(0,0,0,0.15); min-width:0; overflow:hidden; }\r\n #rocFmtWrap .day-badge { font-family:'Bebas Neue',sans-serif; font-size:0.65rem; letter-spacing:2px; padding:2px 8px; border-radius:2px; white-space:nowrap; flex-shrink:0; }\r\n #rocFmtWrap .day1 .day-badge { background:rgba(240,192,64,0.1); color:var(--fmt-gold); border:0.5px solid rgba(240,192,64,0.25); }\r\n #rocFmtWrap .day2 .day-badge { background:rgba(255,107,53,0.1); color:var(--fmt-accent-rl); border:0.5px solid rgba(255,107,53,0.25); }\r\n #rocFmtWrap .day-title { font-size:0.72rem; font-weight:700; color:rgba(255,255,255,0.55); letter-spacing:0.5px; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }\r\n #rocFmtWrap .day-body { padding:10px 12px; display:flex; flex-direction:column; gap:5px; }\r\n\r\n \/* INFO ROWS *\/\r\n #rocFmtWrap .info-row { display:flex; flex-direction:column; padding:6px 0; border-bottom:0.5px solid var(--fmt-border-soft); font-size:0.78rem; gap:2px; }\r\n #rocFmtWrap .info-row:last-of-type { border-bottom:none; }\r\n #rocFmtWrap .i-key { color:var(--fmt-muted); font-size:0.70rem; letter-spacing:0.3px; }\r\n #rocFmtWrap .i-val { font-weight:600; color:var(--fmt-text); }\r\n\r\n \/* PILLS *\/\r\n #rocFmtWrap .pill { font-family:'Bebas Neue',sans-serif; font-size:0.68rem; letter-spacing:1.5px; padding:2px 7px; border-radius:2px; display:inline-block; white-space:nowrap; }\r\n #rocFmtWrap .pill-bo3 { background:rgba(74,222,128,0.08); color:var(--fmt-accent-ea); border:0.5px solid rgba(74,222,128,0.3); }\r\n #rocFmtWrap .pill-bo5 { background:rgba(255,107,53,0.08); color:var(--fmt-accent-rl); border:0.5px solid rgba(255,107,53,0.3); }\r\n #rocFmtWrap .pill-agg { background:rgba(0,212,255,0.08); color:var(--fmt-accent-ef); border:0.5px solid rgba(0,212,255,0.3); }\r\n #rocFmtWrap .pill-gg { background:rgba(240,192,64,0.08); color:var(--fmt-gold); border:0.5px solid rgba(240,192,64,0.3); }\r\n\r\n \/* TIEBREAKER *\/\r\n #rocFmtWrap .tb-box { margin-top:8px; background:rgba(0,0,0,0.25); border:0.5px solid var(--fmt-border); border-radius:2px; padding:8px 10px; }\r\n #rocFmtWrap .tb-title { font-size:0.60rem; letter-spacing:2px; text-transform:uppercase; color:var(--fmt-muted); font-weight:700; margin-bottom:6px; }\r\n #rocFmtWrap .tb-item { display:flex; gap:6px; padding:3px 0; border-bottom:0.5px solid var(--fmt-border-soft); font-size:0.75rem; color:rgba(255,255,255,0.3); line-height:1.4; }\r\n #rocFmtWrap .tb-item:last-child { border-bottom:none; }\r\n #rocFmtWrap .tb-n { color:var(--fmt-muted); flex-shrink:0; min-width:14px; font-weight:700; }\r\n\r\n \/* BRACKET *\/\r\n #rocFmtWrap .bracket { display:flex; flex-direction:column; gap:4px; margin-top:8px; }\r\n #rocFmtWrap .bm { background:rgba(0,0,0,0.3); border:0.5px solid var(--fmt-border); border-radius:2px; padding:5px 8px; font-size:0.72rem; color:rgba(255,255,255,0.35); text-align:center; }\r\n #rocFmtWrap .bm-final { background:rgba(240,192,64,0.08); color:var(--fmt-gold); border-color:rgba(240,192,64,0.3); font-weight:700; }\r\n #rocFmtWrap .b-arrow { text-align:center; color:var(--fmt-muted); font-size:0.75rem; }\r\n\r\n \/* PRIZES *\/\r\n #rocFmtWrap .prizes { display:flex; flex-direction:column; gap:6px; }\r\n #rocFmtWrap .prize-note { font-size:0.8rem; color:var(--fmt-muted); padding:8px 12px; background:rgba(255,255,255,0.02); border:0.5px solid var(--fmt-border-soft); border-radius:2px; }\r\n #rocFmtWrap .prize-row { display:flex; align-items:center; justify-content:space-between; padding:11px 14px; background:rgba(255,255,255,0.02); border:0.5px solid var(--fmt-border-soft); border-radius:2px; }\r\n #rocFmtWrap .prize-row.p1 { background:rgba(240,192,64,0.05); border-color:rgba(240,192,64,0.2); border-left:2px solid var(--fmt-gold); }\r\n #rocFmtWrap .prize-pos { font-size:0.82rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--fmt-muted); }\r\n #rocFmtWrap .prize-row.p1 .prize-pos { color:var(--fmt-gold); }\r\n #rocFmtWrap .prize-amt { font-family:'Bebas Neue',sans-serif; font-size:1.5rem; letter-spacing:2px; color:var(--fmt-text); }\r\n #rocFmtWrap .prize-row.p1 .prize-amt { color:var(--fmt-gold); font-size:2rem; }\r\n\r\n @media(max-width:600px) {\r\n #rocFmtWrap .fmt-body { padding:14px 12px; gap:16px; }\r\n #rocFmtWrap .fmt-header h1 { font-size:1.5rem; }\r\n #rocFmtWrap .fmt-card-hdr { padding:12px 14px; }\r\n }\r\n<\/style>\r\n\r\n<div id=\"rocFmtWrap\">\r\n <div class=\"fmt-header\">\r\n <h1 translate=\"no\">\u03a4\u03b5\u03bb\u03b9\u03ba\u03ae \u03a6\u03ac\u03c3\u03b7 <span>Format<\/span> Guide<\/h1>\r\n <p translate=\"no\">Season 1 \u2014 Structure & Prizes<\/p>\r\n <\/div>\r\n\r\n <div class=\"fmt-tab-nav\">\r\n <button class=\"fmt-tab-btn active\" data-game=\"eafc\"><span class=\"fmt-tab-dot\"><\/span> EA FC 26<\/button>\r\n <button class=\"fmt-tab-btn\" data-game=\"rl\"><span class=\"fmt-tab-dot\"><\/span> Rocket League<\/button>\r\n <button class=\"fmt-tab-btn\" data-game=\"efootball\"><span class=\"fmt-tab-dot\"><\/span> eFOOTBALL<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"fmt-tab-panel active panel-eafc\" id=\"fmt-eafc\">\r\n <div class=\"fmt-card\">\r\n <div class=\"fmt-card-hdr\"><h2 class=\"eafc\">EA FC 26<\/h2><\/div>\r\n <div class=\"fmt-body\">\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ea)\">Prize Pool<\/div>\r\n <div class=\"prizes\">\r\n <div class=\"prize-note\">\u2605 \u20ac50 bonus for each qualifying tournament winner<\/div>\r\n <div class=\"prize-row p1\"><span class=\"prize-pos\">\u2605 1st Place \u2014 Finals<\/span><span class=\"prize-amt\">500 \u20ac<\/span><\/div>\r\n <div class=\"prize-row\"><span class=\"prize-pos\">2nd Place \u2014 Finals<\/span><span class=\"prize-amt\">200 \u20ac<\/span><\/div>\r\n <div class=\"prize-row\"><span class=\"prize-pos\">3rd Place \u2014 Finals<\/span><span class=\"prize-amt\">100 \u20ac<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ea)\">Finals Qualification<\/div>\r\n <div class=\"qualify-row\">8 players \u2014 Tournament Wins <span class=\"q-badge q-win\">\u039d\u0399\u039a\u0395\u03a3<\/span><\/div>\r\n <div class=\"qualify-row\">8 players \u2014 Ranking <span class=\"q-badge q-rank\">Ranking<\/span><\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ea)\">Ranking System<\/div>\r\n <div class=\"rank-rows\">\r\n <div class=\"rank-row rank-top\"><span class=\"rank-pos\">1st Place<\/span><span class=\"rank-val\"><span class=\"badge-direct\">Direct Qualifier<\/span><\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">2nd Place<\/span><span class=\"rank-val\">200 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">3rd Place<\/span><span class=\"rank-val\">150 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">4th Place<\/span><span class=\"rank-val\">100 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">5th Place<\/span><span class=\"rank-val\">70 pts<\/span><\/div>\r\n <\/div>\r\n <div style=\"height:8px\"><\/div>\r\n <div class=\"bonus-row\"><span class=\"bonus-key\">Tournament Participation<\/span><span class=\"bonus-val\">+30 pts<\/span><\/div>\r\n <div class=\"bonus-row\"><span class=\"bonus-key\">Per Win<\/span><span class=\"bonus-val\">+10 pts<\/span><\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ea)\">Final Stage Format<\/div>\r\n <div class=\"days-grid\">\r\n <div class=\"day-card day1\">\r\n <div class=\"day-hdr\"><span class=\"day-badge\">Day 1<\/span><span class=\"day-title\">Group Stage<\/span><\/div>\r\n <div class=\"day-body\">\r\n <div class=\"info-row\"><span class=\"i-key\">Structure<\/span><span class=\"i-val\">4 Groups \u00d7 4<\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">Format<\/span><span class=\"i-val\">Round-Robin<\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">\u03a3\u03b7\u03bc\u03b5\u03af\u03b1<\/span><span class=\"i-val\">W=3 \u00b7 D=1 \u00b7 L=0<\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">Advance<\/span><span class=\"i-val\">Top 2 \/ group<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"day-card day2\">\r\n <div class=\"day-hdr\"><span class=\"day-badge\">Day 2<\/span><span class=\"day-title\">Knockout<\/span><\/div>\r\n <div class=\"day-body\">\r\n <div class=\"info-row\"><span class=\"i-key\">Format<\/span><span class=\"i-val\"><span class=\"pill pill-agg\">BO2 \u00b7 Agg<\/span><\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">Tiebreak<\/span><span class=\"i-val\"><span class=\"pill pill-gg\">Golden Goal<\/span><\/span><\/div>\r\n <div class=\"bracket\">\r\n <div class=\"tb-title\">Seeding<\/div>\r\n <div class=\"bm\">1A vs 2B \u00b7 1C vs 2D<\/div>\r\n <div class=\"bm\">1B vs 2A \u00b7 1D vs 2C<\/div>\r\n <div class=\"b-arrow\">\u2193<\/div>\r\n <div class=\"bm bm-final\">\u2605 Grand Final<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tb-box\" style=\"margin-top:12px;\">\r\n <div class=\"tb-title\">Tiebreaker Criteria \u2014 Group Stage<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">1.<\/span>Head-to-head result<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">2.<\/span>Head-to-head goal difference<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">3.<\/span>Head-to-head goals scored<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">4.<\/span>Overall goal difference<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">5.<\/span>Overall goals scored<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fmt-tab-panel panel-rl\" id=\"fmt-rl\">\r\n <div class=\"fmt-card\">\r\n <div class=\"fmt-card-hdr\"><h2 class=\"rl\">Rocket League<\/h2><\/div>\r\n <div class=\"fmt-body\">\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-rl)\">Prize Pool<\/div>\r\n <div class=\"prizes\">\r\n <div class=\"prize-note\">\u2605 \u20ac50 bonus for each qualifying tournament winner<\/div>\r\n <div class=\"prize-row p1\"><span class=\"prize-pos\">\u2605 1st Place \u2014 Finals<\/span><span class=\"prize-amt\">250 \u20ac<\/span><\/div>\r\n <div class=\"prize-row\"><span class=\"prize-pos\">2nd Place \u2014 Finals<\/span><span class=\"prize-amt\">100 \u20ac<\/span><\/div>\r\n <div class=\"prize-row\"><span class=\"prize-pos\">3rd Place \u2014 Finals<\/span><span class=\"prize-amt\">50 \u20ac<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-rl)\">Finals Qualification<\/div>\r\n <div class=\"qualify-row\">4 teams \u2014 Tournament Wins <span class=\"q-badge q-win\">\u039d\u0399\u039a\u0395\u03a3<\/span><\/div>\r\n <div class=\"qualify-row\">4 teams \u2014 Ranking <span class=\"q-badge q-rank\">Ranking<\/span><\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-rl)\">Ranking System<\/div>\r\n <div class=\"rank-rows\">\r\n <div class=\"rank-row rank-top\"><span class=\"rank-pos\">1st Place<\/span><span class=\"rank-val\"><span class=\"badge-direct\">Direct Qualifier<\/span><\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">2nd Place<\/span><span class=\"rank-val\">200 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">3rd Place<\/span><span class=\"rank-val\">150 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">4th Place<\/span><span class=\"rank-val\">100 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">5th Place<\/span><span class=\"rank-val\">70 pts<\/span><\/div>\r\n <\/div>\r\n <div style=\"height:8px\"><\/div>\r\n <div class=\"bonus-row\"><span class=\"bonus-key\">Tournament Participation<\/span><span class=\"bonus-val\">+30 pts<\/span><\/div>\r\n <div class=\"bonus-row\"><span class=\"bonus-key\">Per Win<\/span><span class=\"bonus-val\">+10 pts<\/span><\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-rl)\">Final Stage Format<\/div>\r\n <div class=\"days-grid\">\r\n <div class=\"day-card day1\">\r\n <div class=\"day-hdr\"><span class=\"day-badge\">Day 1<\/span><span class=\"day-title\">Group Stage<\/span><\/div>\r\n <div class=\"day-body\">\r\n <div class=\"info-row\"><span class=\"i-key\">Format<\/span><span class=\"i-val\"><span class=\"pill pill-bo3\">Best of 3<\/span><\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">\u03a3\u03b7\u03bc\u03b5\u03af\u03b1<\/span><span class=\"i-val\">W=3 \u00b7 D=1 \u00b7 L=0<\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">Advance<\/span><span class=\"i-val\">Top 2 \/ group<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"day-card day2\">\r\n <div class=\"day-hdr\"><span class=\"day-badge\">Day 2<\/span><span class=\"day-title\">Knockout<\/span><\/div>\r\n <div class=\"day-body\">\r\n <div class=\"info-row\"><span class=\"i-key\">Format<\/span><span class=\"i-val\"><span class=\"pill pill-bo5\">Best of 5<\/span><\/span><\/div>\r\n <div class=\"bracket\">\r\n <div class=\"tb-title\">Seeding<\/div>\r\n <div class=\"bm\">1A vs 2B \u00b7 1B vs 2A<\/div>\r\n <div class=\"b-arrow\">\u2193<\/div>\r\n <div class=\"bm bm-final\">\u2605 Grand Final<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tb-box\" style=\"margin-top:12px;\">\r\n <div class=\"tb-title\">Tiebreaker Criteria \u2014 Group Stage<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">1.<\/span>Head-to-head result<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">2.<\/span>Head-to-head goal difference<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">3.<\/span>Head-to-head goals scored<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">4.<\/span>Overall goal difference<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">5.<\/span>Overall goals scored<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fmt-tab-panel panel-ef\" id=\"fmt-efootball\">\r\n <div class=\"fmt-card\">\r\n <div class=\"fmt-card-hdr\"><h2 class=\"efootball\">eFOOTBALL<\/h2><\/div>\r\n <div class=\"fmt-body\">\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ef)\">Prize Pool<\/div>\r\n <div class=\"prizes\">\r\n <div class=\"prize-note\">\u2605 \u20ac50 bonus for each qualifying tournament winner<\/div>\r\n <div class=\"prize-row p1\"><span class=\"prize-pos\">\u2605 1st Place \u2014 Finals<\/span><span class=\"prize-amt\">250 \u20ac<\/span><\/div>\r\n <div class=\"prize-row\"><span class=\"prize-pos\">2nd Place \u2014 Finals<\/span><span class=\"prize-amt\">100 \u20ac<\/span><\/div>\r\n <div class=\"prize-row\"><span class=\"prize-pos\">3rd Place \u2014 Finals<\/span><span class=\"prize-amt\">50 \u20ac<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ef)\">Finals Qualification<\/div>\r\n <div class=\"qualify-row\">4 players \u2014 Tournament Wins <span class=\"q-badge q-win\">\u039d\u0399\u039a\u0395\u03a3<\/span><\/div>\r\n <div class=\"qualify-row\">4 players \u2014 Ranking <span class=\"q-badge q-rank\">Ranking<\/span><\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ef)\">Ranking System<\/div>\r\n <div class=\"rank-rows\">\r\n <div class=\"rank-row rank-top\"><span class=\"rank-pos\">1st Place<\/span><span class=\"rank-val\"><span class=\"badge-direct\">Direct Qualifier<\/span><\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">2nd Place<\/span><span class=\"rank-val\">200 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">3rd Place<\/span><span class=\"rank-val\">150 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">4th Place<\/span><span class=\"rank-val\">100 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">5th Place<\/span><span class=\"rank-val\">70 pts<\/span><\/div>\r\n <\/div>\r\n <div style=\"height:8px\"><\/div>\r\n <div class=\"bonus-row\"><span class=\"bonus-key\">Tournament Participation<\/span><span class=\"bonus-val\">+30 pts<\/span><\/div>\r\n <div class=\"bonus-row\"><span class=\"bonus-key\">Per Win<\/span><span class=\"bonus-val\">+10 pts<\/span><\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ef)\">Final Stage Format<\/div>\r\n <div class=\"days-grid\">\r\n <div class=\"day-card day1\">\r\n <div class=\"day-hdr\"><span class=\"day-badge\">Day 1<\/span><span class=\"day-title\">Group Stage<\/span><\/div>\r\n <div class=\"day-body\">\r\n <div class=\"info-row\"><span class=\"i-key\">Structure<\/span><span class=\"i-val\">2 Groups \u00d7 4<\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">Format<\/span><span class=\"i-val\">Round-Robin<\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">\u03a3\u03b7\u03bc\u03b5\u03af\u03b1<\/span><span class=\"i-val\">W=3 \u00b7 D=1 \u00b7 L=0<\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">Advance<\/span><span class=\"i-val\">Top 2 \/ group<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"day-card day2\">\r\n <div class=\"day-hdr\"><span class=\"day-badge\">Day 2<\/span><span class=\"day-title\">Knockout<\/span><\/div>\r\n <div class=\"day-body\">\r\n <div class=\"info-row\"><span class=\"i-key\">Format<\/span><span class=\"i-val\"><span class=\"pill pill-agg\">BO2 \u00b7 Agg<\/span><\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">Tiebreak<\/span><span class=\"i-val\"><span class=\"pill pill-gg\">Golden Goal<\/span><\/span><\/div>\r\n <div class=\"bracket\">\r\n <div class=\"tb-title\">Seeding<\/div>\r\n <div class=\"bm\">1A vs 2B \u00b7 1B vs 2A<\/div>\r\n <div class=\"b-arrow\">\u2193<\/div>\r\n <div class=\"bm bm-final\">\u2605 Grand Final<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tb-box\" style=\"margin-top:12px;\">\r\n <div class=\"tb-title\">Tiebreaker Criteria \u2014 Group Stage<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">1.<\/span>Head-to-head result<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">2.<\/span>Head-to-head goal difference<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">3.<\/span>Head-to-head goals scored<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">4.<\/span>Overall goal difference<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">5.<\/span>Overall goals scored<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n document.querySelectorAll('#rocFmtWrap .fmt-tab-btn').forEach(function(btn) {\r\n btn.addEventListener('click', function() {\r\n var game = btn.getAttribute('data-game');\r\n document.querySelectorAll('#rocFmtWrap .fmt-tab-panel').forEach(function(p) { p.classList.remove('active'); });\r\n document.querySelectorAll('#rocFmtWrap .fmt-tab-btn').forEach(function(b) { b.classList.remove('active'); });\r\n document.getElementById('fmt-' + game).classList.add('active');\r\n btn.classList.add('active');\r\n });\r\n });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b68ecb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b68ecb\" data-element_type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0f6bd9b\" data-id=\"0f6bd9b\" data-element_type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e1b4554 elementor-widget elementor-widget-html\" data-id=\"e1b4554\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;700&family=Barlow+Condensed:wght@700;800&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#vgl-video-widget {\r\n width: 100%;\r\n font-family: 'Barlow', sans-serif;\r\n background: rgba(6, 8, 13, 0.45);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n#vgl-video-widget::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, #ff5000 30%, #60a5fa 70%, transparent);\r\n}\r\n\r\n.vgl-vw-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0;\r\n min-height: 340px;\r\n}\r\n\r\n\/* LEFT: VIDEO *\/\r\n.vgl-vw-video-col {\r\n position: relative;\r\n background: #000;\r\n display: flex;\r\n align-items: stretch;\r\n}\r\n\r\n.vgl-vw-video-wrap {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n@media (min-width: 701px) {\r\n .vgl-vw-video-wrap { height: 100%; }\r\n .vgl-vw-video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; display: block; }\r\n}\r\n@media (max-width: 700px) {\r\n .vgl-vw-video-wrap { padding-top: 56.25%; }\r\n .vgl-vw-video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; display: block; }\r\n}\r\n\r\n\/* RIGHT: TEXT *\/\r\n.vgl-vw-text-col {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 2.5rem 2.2rem;\r\n background: linear-gradient(135deg, rgba(13,17,24,0.72) 0%, rgba(10,12,16,0.45) 100%);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n border-left: 1px solid rgba(255,255,255,0.06);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.vgl-vw-text-col::after {\r\n content: '';\r\n position: absolute;\r\n top: -60px; right: -60px;\r\n width: 220px; height: 220px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(96,165,250,0.07) 0%, transparent 70%);\r\n pointer-events: none;\r\n}\r\n\r\n.vgl-vw-eyebrow {\r\n font-size: 10px; font-weight: 700; letter-spacing: 3px;\r\n text-transform: uppercase; color: #ff5000;\r\n margin-bottom: 0.8rem;\r\n display: flex; align-items: center; gap: 8px;\r\n}\r\n.vgl-vw-eyebrow::before {\r\n content: '';\r\n display: inline-block;\r\n width: 20px; height: 2px;\r\n background: #ff5000; border-radius: 2px;\r\n}\r\n\r\n.vgl-vw-title {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: clamp(28px, 3.5vw, 46px);\r\n line-height: 0.95; letter-spacing: 1px;\r\n color: #fff;\r\n margin-bottom: 1.2rem;\r\n text-shadow: 0 2px 20px rgba(0,0,0,0.6);\r\n}\r\n.vgl-vw-title span { color: #60a5fa; }\r\n\r\n.vgl-vw-desc {\r\n font-size: 13px; line-height: 1.65;\r\n color: rgba(255,255,255,0.58);\r\n margin-bottom: 1.8rem; max-width: 360px;\r\n}\r\n\r\n.vgl-vw-tags {\r\n display: flex; gap: 6px; flex-wrap: wrap;\r\n margin-bottom: 1.8rem;\r\n}\r\n.vgl-vw-tag {\r\n font-size: 10px; font-weight: 700; letter-spacing: 0.8px;\r\n text-transform: uppercase;\r\n padding: 4px 10px; border-radius: 2px; border: 0.5px solid;\r\n}\r\n.vgl-vw-tag.t-blue { color:#60a5fa; border-color:rgba(96,165,250,0.35); background:rgba(96,165,250,0.07); }\r\n.vgl-vw-tag.t-orange{ color:#ff5000; border-color:rgba(255,80,0,0.35); background:rgba(255,80,0,0.07); }\r\n.vgl-vw-tag.t-green { color:#4ade80; border-color:rgba(74,222,128,0.35); background:rgba(74,222,128,0.07); }\r\n\r\n.vgl-vw-actions { display: flex; gap: 10px; flex-wrap: wrap; }\r\n\r\n.vgl-vw-btn-p {\r\n display: inline-flex; align-items: center; gap: 7px;\r\n font-family: 'Barlow', sans-serif; font-size: 12px; font-weight: 700;\r\n letter-spacing: 1.5px; text-transform: uppercase;\r\n color: #06080d; background: #ff5000;\r\n border: none; border-radius: 3px; padding: 11px 22px;\r\n cursor: pointer; text-decoration: none;\r\n transition: background 0.15s, transform 0.15s;\r\n}\r\n.vgl-vw-btn-p:hover { background: #ff6a1f; transform: translateY(-1px); }\r\n.vgl-vw-btn-p i { font-size: 15px; }\r\n\r\n.vgl-vw-btn-s {\r\n display: inline-flex; align-items: center; gap: 7px;\r\n font-family: 'Barlow', sans-serif; font-size: 12px; font-weight: 700;\r\n letter-spacing: 1.5px; text-transform: uppercase;\r\n color: rgba(255,255,255,0.65); background: transparent;\r\n border: 0.5px solid rgba(255,255,255,0.2); border-radius: 3px; padding: 11px 20px;\r\n cursor: pointer; text-decoration: none;\r\n transition: border-color 0.15s, color 0.15s;\r\n}\r\n.vgl-vw-btn-s:hover { border-color: rgba(255,255,255,0.5); color: #fff; }\r\n.vgl-vw-btn-s i { font-size: 15px; }\r\n\r\n@media (max-width: 700px) {\r\n .vgl-vw-inner { grid-template-columns: 1fr; }\r\n .vgl-vw-text-col {\r\n border-left: none;\r\n border-top: 1px solid rgba(255,255,255,0.06);\r\n padding: 1.8rem 1.4rem;\r\n }\r\n .vgl-vw-title { font-size: 32px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body data-rsssl=1 style=\"background:#06080d;\">\r\n\r\n<div id=\"vgl-video-widget\">\r\n <div class=\"vgl-vw-inner\">\r\n\r\n \r\n <div class=\"vgl-vw-video-col\">\r\n <div class=\"vgl-vw-video-wrap\">\r\n <iframe\r\n src=\"https:\/\/www.youtube.com\/embed\/xUpyM4YsvcA?rel=0&modestbranding=1&color=white\"\r\n title=\"allwyn Unileague \u2013 Highlights\"\r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n allowfullscreen>\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"vgl-vw-text-col\">\r\n\r\n <div class=\"vgl-vw-eyebrow notranslate\">allwyn Unileague<\/div>\r\n\r\n <div class=\"vgl-vw-title notranslate\">\r\n \u03a0\u03b1\u03b9\u03c7\u03bd\u03af\u03b4\u03b9<br><span>\u039a\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1<\/span><br>for Students\r\n <\/div>\r\n\r\n <div class=\"vgl-vw-desc\" id=\"vgl-desc\"><\/div>\r\n\r\n <div class=\"vgl-vw-tags notranslate\">\r\n <span class=\"vgl-vw-tag t-blue\">EA FC<\/span>\r\n <span class=\"vgl-vw-tag t-orange\">eFootball<\/span>\r\n <span class=\"vgl-vw-tag t-green\">Rocket League<\/span>\r\n <\/div>\r\n\r\n <div class=\"vgl-vw-actions\">\r\n <a href=\"https:\/\/battlefy.com\/vgl-esports\" target=\"_blank\" class=\"vgl-vw-btn-p notranslate\" rel=\"noopener\">\r\n <i class=\"ti ti-trophy\"><\/i> REGISTER NOW\r\n <\/a>\r\n <a href=\"https:\/\/discord.gg\/n6PrKQesGn\" target=\"_blank\" class=\"vgl-vw-btn-s notranslate\" rel=\"noopener\">\r\n <i class=\"ti ti-brand-discord\"><\/i> DISCORD\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n var isEl = window.location.pathname.indexOf('\/el\/') !== -1;\r\n var desc = document.getElementById('vgl-desc');\r\n if (isEl) {\r\n desc.textContent = '\u0397 allwyn Unileague \u03ad\u03c7\u03b5\u03b9 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03b5\u03b9 \u03c6\u03bf\u03b9\u03c4\u03b7\u03c4\u03b9\u03ba\u03ae gaming \u03ba\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 \u03bc\u03b5 \u03c3\u03c4\u03cc\u03c7\u03bf \u03c4\u03b7\u03bd \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7, \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03c3\u03ba\u03ad\u03b4\u03b1\u03c3\u03b7 \u03c4\u03c9\u03bd gamers \u03c3\u03b5 \u03ad\u03bd\u03b1 \u03bf\u03c1\u03b3\u03b1\u03bd\u03c9\u03bc\u03ad\u03bd\u03bf \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03c4\u03c5\u03b1\u03ba\u03cc \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd.';\r\n } else {\r\n desc.textContent = 'The allwyn Unileague has built a student gaming community focused on informing, supporting, and entertaining gamers in a structured online environment.';\r\n desc.classList.add('notranslate');\r\n }\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1e68389 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1e68389\" data-element_type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d9b63ae\" data-id=\"d9b63ae\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8232473 elementor-widget elementor-widget-html\" data-id=\"8232473\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;700&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#vgl-news {\r\n width: 100%;\r\n font-family: 'Barlow', sans-serif;\r\nbackground: rgba(6, 8, 13, 0.3); border-radius: 8px;\r\n padding: 2rem 2rem 1.6rem;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n#vgl-news::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, #ff5000 30%, #60a5fa 70%, transparent);\r\n}\r\n\r\n.vgl-n-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 1.4rem;\r\n}\r\n.vgl-n-title {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 28px;\r\n letter-spacing: 2px;\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n.vgl-n-title span { color: #60a5fa; }\r\n.vgl-n-dot {\r\n width: 7px; height: 7px; border-radius: 50%;\r\n background: #ff5000;\r\n animation: npulse 1.8s ease-in-out infinite;\r\n flex-shrink: 0;\r\n}\r\n@keyframes npulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.35;transform:scale(.65)} }\r\n\r\n.vgl-n-all {\r\n font-size: 11px; font-weight: 700; letter-spacing: 1.5px;\r\n text-transform: uppercase; color: rgba(255,255,255,0.45);\r\n text-decoration: none;\r\n display: flex; align-items: center; gap: 5px;\r\n transition: color .15s;\r\n}\r\n.vgl-n-all:hover { color: #60a5fa; }\r\n.vgl-n-all i { font-size: 13px; }\r\n\r\n.vgl-n-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 1.2rem;\r\n}\r\n\r\n.vgl-n-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: #0d1118;\r\n border: 0.5px solid rgba(255,255,255,0.07);\r\n border-radius: 6px;\r\n overflow: hidden;\r\n text-decoration: none;\r\n transition: border-color .2s, transform .2s;\r\n cursor: pointer;\r\n}\r\n.vgl-n-card:hover {\r\n border-color: rgba(96,165,250,0.35);\r\n transform: translateY(-3px);\r\n}\r\n.vgl-n-card:hover .vgl-n-img img { transform: scale(1.05); }\r\n\r\n.vgl-n-img {\r\n width: 100%; aspect-ratio: 16\/9;\r\n overflow: hidden; position: relative;\r\n background: #111;\r\n flex-shrink: 0;\r\n}\r\n.vgl-n-img img {\r\n width: 100%; height: 100%; object-fit: cover;\r\n display: block;\r\n transition: transform .4s ease;\r\n}\r\n.vgl-n-img-placeholder {\r\n width: 100%; height: 100%;\r\n display: flex; align-items: center; justify-content: center;\r\n background: linear-gradient(135deg, #0d1118, #111820);\r\n}\r\n.vgl-n-img-placeholder i { font-size: 28px; color: rgba(255,255,255,0.1); }\r\n\r\n.vgl-n-card-body {\r\n padding: 12px 13px 14px;\r\n display: flex; flex-direction: column; flex: 1;\r\n}\r\n.vgl-n-date {\r\n font-size: 10px; font-weight: 600; letter-spacing: 1.5px;\r\n text-transform: uppercase; color: rgba(255,255,255,0.28);\r\n margin-bottom: 6px;\r\n}\r\n.vgl-n-card-title {\r\n font-size: 13px; font-weight: 700; line-height: 1.4;\r\n color: rgba(255,255,255,0.88);\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n flex: 1;\r\n}\r\n.vgl-n-read {\r\n margin-top: 10px;\r\n font-size: 10px; font-weight: 700; letter-spacing: 1px;\r\n text-transform: uppercase; color: #60a5fa;\r\n display: flex; align-items: center; gap: 4px;\r\n}\r\n.vgl-n-read i { font-size: 12px; }\r\n\r\n.vgl-n-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n}\r\n.vgl-n-btn {\r\n display: flex; align-items: center; justify-content: center;\r\n width: 36px; height: 36px; border-radius: 3px;\r\n background: rgba(255,255,255,0.05);\r\n border: 0.5px solid rgba(255,255,255,0.12);\r\n color: rgba(255,255,255,0.6); font-size: 17px;\r\n cursor: pointer; transition: background .15s, border-color .15s, color .15s;\r\n user-select: none;\r\n}\r\n.vgl-n-btn:hover:not(:disabled) { background: rgba(96,165,250,0.12); border-color: rgba(96,165,250,0.4); color: #fff; }\r\n.vgl-n-btn:disabled { opacity: .3; cursor: default; }\r\n\r\n.vgl-n-pages { display: flex; gap: 6px; }\r\n.vgl-n-page {\r\n width: 7px; height: 7px; border-radius: 50%;\r\n background: rgba(255,255,255,0.15);\r\n transition: background .2s, transform .2s;\r\n cursor: pointer;\r\n}\r\n.vgl-n-page.active { background: #60a5fa; transform: scale(1.3); }\r\n\r\n.vgl-n-loading {\r\n text-align: center; padding: 3rem 0;\r\n color: rgba(255,255,255,0.25); font-size: 13px; letter-spacing: 1px;\r\n}\r\n.vgl-n-spinner {\r\n width: 28px; height: 28px; border: 2px solid rgba(255,255,255,0.1);\r\n border-top-color: #60a5fa; border-radius: 50%;\r\n animation: nspin .8s linear infinite;\r\n margin: 0 auto 10px;\r\n}\r\n@keyframes nspin { to { transform: rotate(360deg); } }\r\n\r\n@media (max-width: 640px) {\r\n .vgl-n-grid { grid-template-columns: 1fr 1fr; }\r\n #vgl-news { padding: 1.4rem 1.2rem 1.2rem; }\r\n}\r\n@media (max-width: 400px) {\r\n .vgl-n-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body data-rsssl=1 style=\"background:#06080d; padding:20px;\">\r\n\r\n<div id=\"vgl-news\">\r\n <div class=\"vgl-n-header\">\r\n <div class=\"vgl-n-title\">\r\n <div class=\"vgl-n-dot\"><\/div>\r\n WHAT'S <span> NEW<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/vglesports.com\/el\/news-page\/\" target=\"_blank\" class=\"vgl-n-all\">\r\n \u039f\u03bb\u03b1 \u03c4\u03b1 \u03bd\u03b5\u03b1 <i class=\"ti ti-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <div id=\"vgl-n-grid\" class=\"vgl-n-grid\">\r\n <div class=\"vgl-n-loading\">\r\n <div class=\"vgl-n-spinner\"><\/div>\r\n \u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03bd\u03ad\u03c9\u03bd\u2026\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"vgl-n-footer\">\r\n <button class=\"vgl-n-btn\" id=\"vgl-n-prev\" disabled>\r\n <i class=\"ti ti-chevron-left\"><\/i>\r\n <\/button>\r\n <div class=\"vgl-n-pages\" id=\"vgl-n-pages\"><\/div>\r\n <button class=\"vgl-n-btn\" id=\"vgl-n-next\" disabled>\r\n <i class=\"ti ti-chevron-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n var PER_PAGE = 3;\r\n var allItems = [];\r\n var page = 0;\r\n var BASE = 'https:\/\/vglesports.com';\r\n var EXCLUDE_SLUGS = ['tutorials', 'deep-dive'];\r\n\r\n function formatDate(str) {\r\n if (!str) return '';\r\n var d = new Date(str);\r\n var MONS = ['\u0399\u03b1\u03bd','\u03a6\u03b5\u03b2','\u039c\u03b1\u03c1','\u0391\u03c0\u03c1','\u039c\u03b1\u0390','\u0399\u03bf\u03c5\u03bd','\u0399\u03bf\u03c5\u03bb','\u0391\u03c5\u03b3','\u03a3\u03b5\u03c0','\u039f\u03ba\u03c4','\u039d\u03bf\u03b5','\u0394\u03b5\u03ba'];\r\n return d.getDate() + ' ' + MONS[d.getMonth()] + ' ' + d.getFullYear();\r\n }\r\n\r\n function render() {\r\n var grid = document.getElementById('vgl-n-grid');\r\n var start = page * PER_PAGE;\r\n var slice = allItems.slice(start, start + PER_PAGE);\r\n var totalPages = Math.ceil(allItems.length \/ PER_PAGE);\r\n\r\n grid.innerHTML = slice.map(function(item) {\r\n var img = item._imgUrl || null;\r\n var title = (item.title && item.title.rendered) ? item.title.rendered : (item.title || '');\r\n var imgHtml = img\r\n ? '<img decoding=\"async\" src=\"' + img + '\" alt=\"\" loading=\"lazy\">'\r\n : '<div class=\"vgl-n-img-placeholder\"><i class=\"ti ti-photo\"><\/i><\/div>';\r\n return '<a class=\"vgl-n-card\" href=\"' + item.link + '\" target=\"_blank\" rel=\"noopener\">'\r\n + '<div class=\"vgl-n-img\">' + imgHtml + '<\/div>'\r\n + '<div class=\"vgl-n-card-body\">'\r\n + '<div class=\"vgl-n-date\">' + formatDate(item.date) + '<\/div>'\r\n + '<div class=\"vgl-n-card-title\">' + title + '<\/div>'\r\n + '<div class=\"vgl-n-read\">\u0394\u03b9\u03b1\u03b2\u03b1\u03c3\u03b5 <i class=\"ti ti-arrow-right\"><\/i><\/div>'\r\n + '<\/div><\/a>';\r\n }).join('');\r\n\r\n var dotsEl = document.getElementById('vgl-n-pages');\r\n dotsEl.innerHTML = '';\r\n for (var i = 0; i < totalPages; i++) {\r\n var dot = document.createElement('div');\r\n dot.className = 'vgl-n-page' + (i === page ? ' active' : '');\r\n dot.setAttribute('data-p', i);\r\n dot.addEventListener('click', function(){ goTo(parseInt(this.getAttribute('data-p'))); });\r\n dotsEl.appendChild(dot);\r\n }\r\n document.getElementById('vgl-n-prev').disabled = (page === 0);\r\n document.getElementById('vgl-n-next').disabled = (page >= totalPages - 1);\r\n }\r\n\r\n function goTo(p) { page = p; render(); }\r\n document.getElementById('vgl-n-prev').addEventListener('click', function(){ if(page>0) goTo(page-1); });\r\n document.getElementById('vgl-n-next').addEventListener('click', function(){ goTo(page+1); });\r\n\r\n function showError() {\r\n document.getElementById('vgl-n-grid').innerHTML =\r\n '<div class=\"vgl-n-loading\" style=\"color:rgba(255,80,0,0.6);\">'\r\n + '<i class=\"ti ti-alert-circle\" style=\"font-size:24px;display:block;margin:0 auto 8px;\"><\/i>'\r\n + '\u0394\u03b5\u03bd \u03c6\u03bf\u03c1\u03c4\u03c9\u03b8\u03b7\u03ba\u03b1\u03bd \u03c4\u03b1 \u03bd\u03b5\u03b1.<\/div>';\r\n }\r\n\r\n function fetchPosts(excludeIds) {\r\n var excludeParam = excludeIds.length ? '&categories_exclude=' + excludeIds.join(',') : '';\r\n fetch(BASE + '\/wp-json\/wp\/v2\/posts?per_page=9&_fields=id,title,link,date,featured_media' + excludeParam)\r\n .then(function(r){ if(!r.ok) throw new Error(r.status); return r.json(); })\r\n .then(function(posts){\r\n if(!posts || !posts.length) throw new Error('empty');\r\n allItems = posts;\r\n var ids = posts.map(function(p){ return p.featured_media; }).filter(function(id){ return id > 0; });\r\n if(!ids.length){ render(); return; }\r\n fetch(BASE + '\/wp-json\/wp\/v2\/media?include=' + ids.join(',') + '&per_page=9&_fields=id,source_url,media_details')\r\n .then(function(r){ return r.json(); })\r\n .then(function(mediaList){\r\n var imgMap = {};\r\n (mediaList || []).forEach(function(m){\r\n var url = m.source_url;\r\n try {\r\n var s = m.media_details.sizes;\r\n url = (s.medium_large || s.medium || s.large || s.full).source_url || url;\r\n } catch(e){}\r\n imgMap[m.id] = url;\r\n });\r\n allItems.forEach(function(p){\r\n if(p.featured_media && imgMap[p.featured_media]) p._imgUrl = imgMap[p.featured_media];\r\n });\r\n render();\r\n })\r\n .catch(function(){ render(); });\r\n })\r\n .catch(function(err){ console.warn('[VGL News] failed:', err); showError(); });\r\n }\r\n\r\n fetch(BASE + '\/wp-json\/wp\/v2\/categories?slug=' + EXCLUDE_SLUGS.join(',') + '&per_page=20&_fields=id,slug')\r\n .then(function(r){ return r.json(); })\r\n .then(function(cats){\r\n var ids = (cats || []).map(function(c){ return c.id; });\r\n fetchPosts(ids);\r\n })\r\n .catch(function(){ fetchPosts([]); });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4dd738f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4dd738f\" data-element_type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-03bd802\" data-id=\"03bd802\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-729add3 elementor-widget elementor-widget-html\" data-id=\"729add3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<script>var PAGE_ID = 'unileague';<\/script>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@700;800&family=Barlow:wght@400;500&display=swap');\r\n.rw{font-family:'Barlow',sans-serif;padding:60px 0}\r\n.rw-header{text-align:center;margin-bottom:40px}\r\n.rw-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;color:#888;text-transform:uppercase;margin-bottom:10px}\r\n.rw-title{font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:2px;margin:0 0 8px;white-space:nowrap}\r\n.rw-sub{font-size:14px;color:#888;margin:0}\r\n.rw{background:#121925;position:relative}\r\n.rw::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'%3E%3Cdefs%3E%3Cpattern id='h' x='0' y='0' width='120' height='104' patternUnits='userSpaceOnUse'%3E%3Cpolygon points='60,2 112,32 112,72 60,102 8,72 8,32' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1'\/%3E%3C\/pattern%3E%3C\/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23h)'\/%3E%3C\/svg%3E\")}\r\n.rw-grid{max-width:900px;margin:0 auto}\r\n.rw>*{position:relative;z-index:1}\r\n.rw-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, 1fr); \/* mobile & tablet: 2 \u03b1\u03bd\u03ac \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae *\/\r\n gap:12px;\r\n margin:0 auto;\r\n padding:0 16px;\r\n box-sizing:border-box;\r\n max-width:900px;\r\n}\r\n\/* Tablet: 4 \u03b1\u03bd\u03ac \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae *\/\r\n@media(min-width:501px) and (max-width:900px){\r\n .rw-grid{\r\n grid-template-columns:repeat(4, 1fr);\r\n }\r\n}\r\n\/* Desktop: 5 \u03b1\u03bd\u03ac \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae *\/\r\n@media(min-width:901px){\r\n .rw-grid{\r\n display:flex;\r\n flex-wrap:nowrap;\r\n justify-content:center;\r\n gap:12px;\r\n }\r\n .rw-grid .rw-item{\r\n width:calc((1100px - 16px*2 - 12px*4) \/ 5);\r\n flex-shrink:0;\r\n }\r\n}\r\n.rw-item{\r\n position:relative;\r\n border-radius:12px;\r\n overflow:hidden;\r\n aspect-ratio:9\/16;\r\n background:#0C111A;\r\n border:0.5px solid rgba(255,255,255,0.08);\r\n cursor:pointer;\r\n display:block;\r\n text-decoration:none;\r\n width:100%; \/* \u03c0\u03b1\u03af\u03c1\u03bd\u03b5\u03b9 \u03c4\u03bf \u03c0\u03bb\u03ac\u03c4\u03bf\u03c2 \u03b1\u03c0\u03cc \u03c4\u03bf grid *\/\r\n}\r\n.rw-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}\r\n.rw-item:hover img{transform:scale(1.05)}\r\n.rw-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.35);transition:background 0.3s}\r\n.rw-item:hover .rw-overlay{background:rgba(0,0,0,0.2)}\r\n.rw-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);border:1.5px solid rgba(255,255,255,0.4);display:flex;align-items:center;justify-content:center;transition:all 0.3s}\r\n.rw-item:hover .rw-play{background:rgba(255,255,255,0.25);transform:translate(-50%,-50%) scale(1.1)}\r\n.rw-play svg{width:20px;height:20px;fill:#fff;margin-left:3px}\r\n.rw-badge{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;gap:5px;background:rgba(0,0,0,0.6);border-radius:100px;padding:4px 10px}\r\n.rw-badge svg{width:12px;height:12px;fill:#fff}\r\n.rw-badge span{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;color:#fff;letter-spacing:1px;text-transform:uppercase}\r\n.rw-cta{text-align:center;margin-top:32px}\r\n.rw-toggle{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,0.2);border-radius:100px;overflow:hidden;position:relative;background:rgba(255,255,255,0.04)}\r\n.rw-toggle-btn{display:flex;align-items:center;gap:7px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:11px 22px;color:rgba(255,255,255,0.45);text-decoration:none;transition:color 0.25s;position:relative;z-index:1;white-space:nowrap}\r\n.rw-toggle-btn svg{width:14px;height:14px;fill:currentColor;flex-shrink:0;transition:fill 0.25s}\r\n.rw-toggle-divider{width:1px;background:rgba(255,255,255,0.15);align-self:stretch;flex-shrink:0}\r\n.rw-toggle-btn.active{color:#fff}\r\n.rw-toggle-btn:hover{color:rgba(255,255,255,0.8)}\r\n\r\n@media(max-width:500px){\r\n .rw-title{font-size:24px;white-space:normal}\r\n}\r\n@media(min-width:501px) and (max-width:900px){\r\n .rw-title{white-space:normal}\r\n}\r\n<\/style>\r\n\r\n<div class=\"rw\">\r\n <div class=\"rw-header\">\r\n <div class=\"rw-label\">Highlights<\/div>\r\n <div class=\"rw-title\" id=\"rw-title\"><\/div>\r\n <p class=\"rw-sub\" id=\"rw-sub\"><\/p>\r\n <\/div>\r\n <div class=\"rw-grid\" id=\"rw-grid\"><\/div>\r\n <div class=\"rw-cta\">\r\n <div class=\"rw-toggle\">\r\n <a class=\"rw-toggle-btn active\" href=\"https:\/\/www.instagram.com\/vglesports\/\" target=\"_blank\" id=\"rw-cta-ig\" rel=\"noopener\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n <span id=\"rw-cta-ig-text\"><\/span>\r\n <\/a>\r\n <div class=\"rw-toggle-divider\"><\/div>\r\n <a class=\"rw-toggle-btn\" href=\"https:\/\/www.tiktok.com\/@vglesports\" target=\"_blank\" id=\"rw-cta-tt\" rel=\"noopener\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 0 0-.79-.05 6.34 6.34 0 0 0-6.34 6.34 6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.33-6.34V8.69a8.18 8.18 0 0 0 4.78 1.52V6.75a4.85 4.85 0 0 1-1.01-.06z\"\/><\/svg>\r\n <span id=\"rw-cta-tt-text\"><\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n var CSV = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vRwYEJQQvu8A5aCzPtb_vlK-bUTSpKHNq1pGQo_IrScbTshZayVbwL1S6AMODASFA\/pub?gid=1215148930&single=true&output=csv';\r\n var isGR = window.location.href.indexOf('\/el\/') !== -1;\r\n var igSVG = '<svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>';\r\n var ttSVG = '<svg viewBox=\"0 0 24 24\"><path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 0 0-.79-.05 6.34 6.34 0 0 0-6.34 6.34 6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.33-6.34V8.69a8.18 8.18 0 0 0 4.78 1.52V6.75a4.85 4.85 0 0 1-1.01-.06z\"\/><\/svg>';\r\n var playSVG = '<svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>';\r\n\r\n function getPlatform(url) {\r\n if (url.indexOf('tiktok.com') !== -1) return 'tiktok';\r\n return 'instagram';\r\n }\r\n\r\n var labels = {\r\n ethniki: { el:'\u039a\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0395\u03a3 \u03a3\u03a4\u0399\u0393\u039c\u0395\u03a3', en:'BEST MOMENTS', sub_el:'Highlights \u03b1\u03c0\u03cc \u03c4\u03b9\u03c2 \u03b5\u03c0\u03af\u03c3\u03b7\u03bc\u03b5\u03c2 \u03b4\u03b9\u03bf\u03c1\u03b3\u03b1\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b7\u03c2 e\u0395\u03b8\u03bd\u03b9\u03ba\u03ae\u03c2 \u0395\u03bb\u03bb\u03ac\u03b4\u03bf\u03c2', sub_en:'Highlights from the official eNational Team competitions' },\r\n ekypello: { el:'\u039a\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0395\u03a3 \u03a3\u03a4\u0399\u0393\u039c\u0395\u03a3', en:'BEST MOMENTS', sub_el:'Highlights \u03b1\u03c0\u03cc \u03c4\u03bf e\u039a\u03cd\u03c0\u03b5\u03bb\u03bb\u03bf \u0395\u03bb\u03bb\u03ac\u03b4\u03bf\u03c2', sub_en:'Highlights from the eKypello Ellados' },\r\n unileague: { el:'\u039a\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0395\u03a3 \u03a3\u03a4\u0399\u0393\u039c\u0395\u03a3', en:'BEST MOMENTS', sub_el:'Highlights \u03b1\u03c0\u03cc \u03c4\u03bf Allwyn UniLeague', sub_en:'Highlights from the Allwyn UniLeague' },\r\n home: { el:'\u039a\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0395\u03a3 \u03a3\u03a4\u0399\u0393\u039c\u0395\u03a3', en:'BEST MOMENTS', sub_el:'Highlights \u03b1\u03c0\u03cc \u03c4\u03b9\u03c2 \u03b5\u03c0\u03af\u03c3\u03b7\u03bc\u03b5\u03c2 \u03b4\u03b9\u03bf\u03c1\u03b3\u03b1\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b1\u03c2', sub_en:'Highlights from our official competitions' }\r\n };\r\n\r\n var pg = typeof PAGE_ID !== 'undefined' ? PAGE_ID : 'home';\r\n var lb = labels[pg] || labels['home'];\r\n document.getElementById('rw-title').textContent = isGR ? lb.el : lb.en;\r\n document.getElementById('rw-sub').textContent = isGR ? lb.sub_el : lb.sub_en;\r\n document.getElementById('rw-cta-ig-text').textContent = 'Instagram \u2192';\r\n document.getElementById('rw-cta-tt-text').textContent = 'TikTok \u2192';\r\n\r\n var btns = document.querySelectorAll('.rw-toggle-btn');\r\n for (var b = 0; b < btns.length; b++) {\r\n btns[b].addEventListener('mouseenter', function(){ this.classList.add('active'); });\r\n btns[b].addEventListener('mouseleave', function(){ this.classList.remove('active'); });\r\n }\r\n\r\n function parseCSVRow(row) {\r\n var result = [], cur = '', inQ = false;\r\n for (var i = 0; i < row.length; i++) {\r\n var c = row[i];\r\n if (c === '\"') { inQ = !inQ; }\r\n else if (c === ',' && !inQ) { result.push(cur.trim()); cur = ''; }\r\n else { cur += c; }\r\n }\r\n result.push(cur.trim());\r\n return result;\r\n }\r\n\r\n fetch(CSV)\r\n .then(function(r){ return r.text(); })\r\n .then(function(text){\r\n var rows = text.trim().split('\\n').slice(1);\r\n var filtered = [];\r\n for (var i = 0; i < rows.length; i++) {\r\n var cols = parseCSVRow(rows[i]);\r\n var pid = (cols[3]||'').replace(\/\"\/g,'').trim();\r\n var reel = (cols[4]||'').replace(\/\"\/g,'').trim();\r\n var img = (cols[5]||'').replace(\/\"\/g,'').trim();\r\n if (pid === pg && reel && img) filtered.push({reel:reel, img:img});\r\n }\r\n\r\n var grid = document.getElementById('rw-grid');\r\n if (!filtered.length) { grid.innerHTML = ''; return; }\r\n\r\n grid.innerHTML = filtered.map(function(r){\r\n var platform = getPlatform(r.reel);\r\n var icon = platform === 'tiktok' ? ttSVG : igSVG;\r\n var label = platform === 'tiktok' ? 'TikTok' : 'Reel';\r\n return '<a class=\"rw-item\" href=\"'+r.reel+'\" target=\"_blank\">'+\r\n '<img decoding=\"async\" src=\"'+r.img+'\" alt=\"'+label+'\" loading=\"lazy\">'+\r\n '<div class=\"rw-overlay\"><\/div>'+\r\n '<div class=\"rw-play\">'+playSVG+'<\/div>'+\r\n '<div class=\"rw-badge\">'+icon+'<span>'+label+'<\/span><\/div>'+\r\n '<\/a>';\r\n }).join('');\r\n })\r\n .catch(function(e){ console.error('Reels widget error:', e); });\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4d83aa5 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4d83aa5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e0ee813\" data-id=\"e0ee813\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-15675fc elementor-widget elementor-widget-html\" data-id=\"15675fc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n#seo-uni * { box-sizing:border-box !important; }\r\n#seo-uni h2,#seo-uni h3,#seo-uni p,#seo-uni ul,#seo-uni li { margin:0 !important; padding:0 !important; }\r\n\r\n#seo-uni {\r\n width:100% !important;\r\n background:#121925 !important;\r\n padding:56px 24px 64px !important;\r\n position:relative !important;\r\n overflow:hidden !important;\r\n font-family:'Barlow',sans-serif !important;\r\n}\r\n#seo-uni::before {\r\n content:'';\r\n position:absolute;inset:0;\r\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'%3E%3Cdefs%3E%3Cpattern id='hex4' x='0' y='0' width='120' height='104' patternUnits='userSpaceOnUse'%3E%3Cpolygon points='60,2 112,32 112,72 60,102 8,72 8,32' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='1'\/%3E%3C\/pattern%3E%3C\/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23hex4)'\/%3E%3C\/svg%3E\");\r\n pointer-events:none;\r\n}\r\n#seo-uni-wrap {\r\n position:relative !important;\r\n max-width:900px !important;\r\n margin:0 auto !important;\r\n}\r\n\r\n\/* SPACING *\/\r\n#seo-uni h2,#seo-uni h3,#seo-uni p,#seo-uni li,#seo-uni ul { margin:0 !important; padding:0 !important; }\r\n#seo-uni .uni-h2 { margin-bottom:20px !important; }\r\n#seo-uni .uni-h3 { margin-top:28px !important; margin-bottom:10px !important; }\r\n#seo-uni .uni-p { margin-bottom:12px !important; }\r\n#seo-uni .uni-list { margin-bottom:12px !important; gap:6px !important; }\r\n\r\n.uni-divider {\r\n display:flex !important;\r\n align-items:center !important;\r\n gap:16px !important;\r\n margin-bottom:40px !important;\r\n}\r\n.uni-divider-line {\r\n flex:1 !important;\r\n height:1px !important;\r\n background:linear-gradient(90deg,transparent,rgba(240,192,64,0.25),transparent) !important;\r\n}\r\n.uni-divider-icon {\r\n width:6px !important; height:6px !important;\r\n border-radius:50% !important;\r\n background:rgba(240,192,64,0.5) !important;\r\n flex-shrink:0 !important;\r\n}\r\n.uni-h2 {\r\n font-family:'Bebas Neue',sans-serif !important;\r\n font-size:26px !important;\r\n letter-spacing:3px !important;\r\n color:#ffffff !important;\r\n line-height:1.1 !important;\r\n}\r\n.uni-h3 {\r\n font-family:'Barlow Condensed',sans-serif !important;\r\n font-size:12px !important;\r\n font-weight:700 !important;\r\n letter-spacing:3px !important;\r\n text-transform:uppercase !important;\r\n color:#f0c040 !important;\r\n line-height:1.4 !important;\r\n}\r\n.uni-p {\r\n font-size:13px !important;\r\n line-height:1.85 !important;\r\n color:rgba(255,255,255,0.75) !important;\r\n max-width:820px !important;\r\n}\r\n.uni-list {\r\n list-style:none !important;\r\n display:flex !important;\r\n flex-direction:column !important;\r\n gap:6px !important;\r\n}\r\n.uni-list li {\r\n font-size:13px !important;\r\n line-height:1.7 !important;\r\n color:rgba(255,255,255,0.75) !important;\r\n padding-left:16px !important;\r\n position:relative !important;\r\n}\r\n.uni-list li::before {\r\n content:'' !important;\r\n position:absolute !important;\r\n left:0 !important; top:10px !important;\r\n width:6px !important; height:1px !important;\r\n background:#f0c040 !important;\r\n}\r\n.uni-link {\r\n color:#f0c040 !important;\r\n text-decoration:none !important;\r\n}\r\n.uni-link:hover { color:#ffda6a !important; }\r\n<\/style>\r\n\r\n<div id=\"seo-uni\">\r\n <div id=\"seo-uni-wrap\">\r\n\r\n <div class=\"uni-divider\">\r\n <div class=\"uni-divider-line\"><\/div>\r\n <div class=\"uni-divider-icon\"><\/div>\r\n <div class=\"uni-divider-line\"><\/div>\r\n <\/div>\r\n\r\n <h2 class=\"uni-h2\">\r\n <span class=\"uni-el\">ALLWYN UNILEAGUE ESPORTS \u2013 \u03a6\u039f\u0399\u03a4\u0397\u03a4\u0399\u039a\u0397 GAMING \u039a\u039f\u0399\u039d\u039f\u03a4\u0397\u03a4\u0391<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">ALLWYN UNILEAGUE ESPORTS \u2013 FREE STUDENT GAMING COMMUNITY<\/span>\r\n <\/h2>\r\n\r\n <p class=\"uni-p\">\r\n <span class=\"uni-el\">\u03a4\u03bf allwyn Unileague esports \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03c6\u03bf\u03b9\u03c4\u03b7\u03c4\u03b9\u03ba\u03ae gaming \u03ba\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c4\u03b7\u03c2 VGL Esports. \u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03bf \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03c6\u03bf\u03b9\u03c4\u03b7\u03c4\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03c0\u03bf\u03c5\u03b4\u03b1\u03c3\u03c4\u03ad\u03c2, \u03c0\u03c1\u03bf\u03c4\u03b5\u03af\u03bd\u03b5\u03b9 \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03c9\u03b8\u03b5\u03af esports \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac \u03ba\u03b1\u03b9 \u03b4\u03c1\u03ac\u03c3\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03bf\u03c1\u03b3\u03b1\u03bd\u03c9\u03bc\u03ad\u03bd\u03bf \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03c4\u03c5\u03b1\u03ba\u03cc \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd \u03b3\u03b9\u03b1 \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7, \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03ba\u03b1\u03b9 \u03b4\u03b9\u03b1\u03c3\u03ba\u03ad\u03b4\u03b1\u03c3\u03b7.<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">The allwyn Unileague esports is the student gaming community of VGL Esports. Designed exclusively for university and college students, it recommends and promotes esports tournaments and activities in an organised online environment for information, support and entertainment.<\/span>\r\n <\/p>\r\n\r\n <h3 class=\"uni-h3\">\r\n <span class=\"uni-el\">\u03a4\u0399 \u0395\u0399\u039d\u0391\u0399 \u03a4\u039f ALLWYN UNILEAGUE<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">WHAT IS ALLWYN UNILEAGUE<\/span>\r\n <\/h3>\r\n\r\n <p class=\"uni-p\">\r\n <span class=\"uni-el\">\u03a4\u03bf allwyn Unileague esports \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03b8\u03b7\u03ba\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c6\u03ad\u03c1\u03b5\u03b9 \u03ba\u03bf\u03bd\u03c4\u03ac \u03c4\u03bf\u03c5\u03c2 \u03c6\u03bf\u03b9\u03c4\u03b7\u03c4\u03ad\u03c2 gamers \u03c4\u03b7\u03c2 \u0395\u03bb\u03bb\u03ac\u03b4\u03b1\u03c2. \u039c\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc \u03c0\u03c1\u03bf\u03c4\u03b5\u03b9\u03bd\u03cc\u03bc\u03b5\u03bd\u03b5\u03c2 \u03b4\u03b9\u03bf\u03c1\u03b3\u03b1\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 leaderboards, \u03bf\u03b9 \u03c6\u03bf\u03b9\u03c4\u03b7\u03c4\u03ad\u03c2 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bd \u03bd\u03b1 \u03b1\u03bd\u03c4\u03b1\u03b3\u03c9\u03bd\u03b9\u03c3\u03c4\u03bf\u03cd\u03bd, \u03bd\u03b1 \u03b5\u03be\u03b5\u03bb\u03b9\u03c7\u03b8\u03bf\u03cd\u03bd \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03b9\u03c3\u03c4\u03bf\u03cd\u03bd \u03bc\u03b5 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2 \u03c0\u03b1\u03af\u03ba\u03c4\u03b5\u03c2 \u03b1\u03c0\u03cc \u03cc\u03bb\u03b7 \u03c4\u03b7\u03bd \u0395\u03bb\u03bb\u03ac\u03b4\u03b1.<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">The allwyn Unileague esports was created to bring together student gamers across Greece. Through recommended competitions and leaderboards, students can compete, improve and connect with other players from across the country.<\/span>\r\n <\/p>\r\n\r\n <h3 class=\"uni-h3\">\r\n <span class=\"uni-el\">\u03a4\u0399 \u03a0\u03a1\u039f\u03a3\u03a6\u0395\u03a1\u0395\u0399<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">WHAT IT OFFERS<\/span>\r\n <\/h3>\r\n\r\n <ul class=\"uni-list\">\r\n <li>\r\n <span class=\"uni-el\"><strong style=\"color:#ffffff !important\">\u03a0\u03c1\u03bf\u03c4\u03b5\u03b9\u03bd\u03cc\u03bc\u03b5\u03bd\u03b1 \u03b4\u03c9\u03c1\u03b5\u03ac\u03bd \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac<\/strong> \u03ba\u03b1\u03b9 leagues \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03c6\u03bf\u03b9\u03c4\u03b7\u03c4\u03ad\u03c2.<\/span>\r\n <span class=\"uni-en\" style=\"display:none\"><strong style=\"color:#ffffff !important\">Recommended free tournaments<\/strong> and leagues exclusively for students.<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"uni-el\"><strong style=\"color:#ffffff !important\">Consistency Leaderboard<\/strong> \u2014 \u03ba\u03b1\u03c4\u03ac\u03c4\u03b1\u03be\u03b7 \u03b2\u03ac\u03c3\u03b5\u03b9 \u03c3\u03c5\u03bd\u03ad\u03c0\u03b5\u03b9\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7\u03c2 \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7 \u03b4\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1 \u03c4\u03b7\u03c2 \u03c3\u03b5\u03b6\u03cc\u03bd.<\/span>\r\n <span class=\"uni-en\" style=\"display:none\"><strong style=\"color:#ffffff !important\">Consistency Leaderboard<\/strong> \u2014 ranking based on consistency and performance throughout the season.<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"uni-el\">\u039a\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 \u03bc\u03b5 <strong style=\"color:#ffffff !important\">\u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03ba\u03b1\u03b9 \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7<\/strong> \u03b3\u03b9\u03b1 \u03bd\u03ad\u03bf\u03c5\u03c2 gamers.<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">A community with <strong style=\"color:#ffffff !important\">support and guidance<\/strong> for new gamers.<\/span>\r\n <\/li>\r\n <\/ul>\r\n\r\n <h3 class=\"uni-h3\">\r\n <span class=\"uni-el\">\u03a0\u03a9\u03a3 \u039d\u0391 \u03a3\u03a5\u039c\u039c\u0395\u03a4\u0391\u03a3\u03a7\u0395\u0399\u03a3<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">HOW TO JOIN<\/span>\r\n <\/h3>\r\n\r\n <p class=\"uni-p\">\r\n <span class=\"uni-el\">\u0395\u03b3\u03b3\u03c1\u03ac\u03c8\u03bf\u03c5 \u03bc\u03ad\u03c3\u03c9 \u03c4\u03c9\u03bd <a class=\"uni-link\" href=\"https:\/\/vglesports.com\/el\/greece-esports-tournaments\/\">\u03b1\u03bd\u03bf\u03b9\u03c7\u03c4\u03ce\u03bd \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac \u03c4\u03b7\u03c2 VGL Esports<\/a> \u03ba\u03b1\u03b9 \u03ad\u03bd\u03c4\u03b1\u03be\u03ad \u03c3\u03bf\u03c5 \u03c3\u03c4\u03b7\u03bd \u03ba\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1. \u0393\u03b9\u03b1 \u03b1\u03bd\u03b1\u03ba\u03bf\u03b9\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03b5\u03c0\u03b9\u03c3\u03ba\u03ad\u03c8\u03bf\u03c5 \u03c4\u03bf <a class=\"uni-link\" href=\"https:\/\/discord.gg\/TVh2bcawQm\" target=\"_blank\" rel=\"noopener\">Discord \u03c4\u03b7\u03c2 VGL Esports<\/a>.<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">Register through <a class=\"uni-link\" href=\"https:\/\/vglesports.com\/el\/greece-esports-tournaments\/\">VGL Esports open tournaments<\/a> and join the community. For announcements and support visit the <a class=\"uni-link\" href=\"https:\/\/discord.gg\/TVh2bcawQm\" target=\"_blank\" rel=\"noopener\">VGL Esports Discord<\/a>.<\/span>\r\n <\/p>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n var isGreek = window.location.pathname.indexOf('\/el\/') !== -1;\r\n var elEls = document.querySelectorAll('#seo-uni .uni-el');\r\n var enEls = document.querySelectorAll('#seo-uni .uni-en');\r\n if(isGreek){\r\n for(var i=0;i<elEls.length;i++) elEls[i].style.display='';\r\n for(var i=0;i<enEls.length;i++) enEls[i].style.display='none';\r\n } else {\r\n for(var i=0;i<elEls.length;i++) elEls[i].style.display='none';\r\n for(var i=0;i<enEls.length;i++) enEls[i].style.display='';\r\n }\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Rise of Champions \u2013 allwyn Unileague allwyn Unileague \u00b7 Gaming Community EA FC 26 eFootball Rocket League LIVE NOW \u2014 \u00b7 \u2014 SEE LIVE BRACKETS Next event in 00Days : 00Hours : 00Minutes : 00Seconds REGISTER NOW HOW TO PLAY Calendar Choose Calendar App Google CalendarWeb OutlookWeb Apple \/ iCal.ics Yahoo CalendarWeb Free Entry Online…<\/p>","protected":false},"author":1771,"featured_media":29596,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"_links":{"self":[{"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/pages\/19699"}],"collection":[{"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/users\/1771"}],"replies":[{"embeddable":true,"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/comments?post=19699"}],"version-history":[{"count":10,"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/pages\/19699\/revisions"}],"predecessor-version":[{"id":34084,"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/pages\/19699\/revisions\/34084"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/media\/29596"}],"wp:attachment":[{"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/media?parent=19699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n\r\n\r\nRise of Champions \u2013 allwyn Unileague<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;700&family=Barlow+Condensed:wght@700&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n\r\n<style>\r\n#roc-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#roc-wrap {\r\n position: relative;\r\n width: 100%;\r\n min-height: 560px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 3rem 2rem 3.5rem;\r\n font-family: 'Barlow', sans-serif;\r\n border-radius: 8px;\r\n}\r\n\r\n#roc-bg {\r\n position: absolute; inset: 0;\r\n background-image: url('https:\/\/vglesports.com\/wp-content\/uploads\/2026\/05\/roc-hero-bg-scaled.webp');\r\n background-size: cover; background-position: center;\r\n filter: brightness(0.28) saturate(0.6) hue-rotate(200deg);\r\n transform: scale(1.06);\r\n animation: rocBgBreath 8s ease-in-out infinite;\r\n z-index: 0;\r\n}\r\n#roc-bg::after {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background: rgba(15, 30, 60, 0.45);\r\n}\r\n@keyframes rocBgBreath {\r\n 0%,100% { transform:scale(1.06); filter:brightness(0.28) saturate(0.6) hue-rotate(200deg); }\r\n 50% { transform:scale(1.09); filter:brightness(0.36) saturate(0.75) hue-rotate(210deg); }\r\n}\r\n#roc-grad {\r\n position: absolute; inset: 0; z-index: 1; pointer-events: none;\r\n background:\r\n linear-gradient(to bottom, rgba(6,12,24,0.65) 0%, rgba(6,12,24,0.05) 38%, rgba(10,18,35,0.7) 78%, #0a1223 100%),\r\n radial-gradient(ellipse 80% 60% at 50% 40%, rgba(96,165,250,0.06) 0%, transparent 70%),\r\n radial-gradient(ellipse 60% 40% at 50% 85%, rgba(255,80,0,0.07) 0%, transparent 60%);\r\n}\r\n#roc-fade-bottom {\r\n position: absolute; bottom: 0; left: 0; right: 0; height: 90px; z-index: 2; pointer-events: none;\r\n background: linear-gradient(to bottom, transparent 0%, #121925 100%);\r\n}\r\n#roc-canvas { position:absolute; inset:0; width:100%; height:100%; z-index:2; pointer-events:none; }\r\n\r\n#roc-wrap .roc-inner { position:relative; z-index:3; display:flex; flex-direction:column; align-items:center; }\r\n\r\n#roc-wrap .roc-title {\r\n font-family:'Bebas Neue',sans-serif;\r\n font-size:clamp(52px,9vw,86px);\r\n color:#fff; letter-spacing:3px; line-height:0.9; text-align:center; margin-bottom:0.3rem;\r\n text-shadow:0 0 40px rgba(96,165,250,0.2),0 2px 20px rgba(0,0,0,0.9);\r\n animation:rocSlideUp 0.7s ease forwards;\r\n}\r\n#roc-wrap .roc-subtitle { font-size:13px; font-weight:400; color:rgba(255,255,255,0.45); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:2rem; animation:rocFadeIn 0.8s ease 0.2s both; }\r\n#roc-wrap .roc-games { display:flex; gap:8px; margin-bottom:2rem; animation:rocFadeIn 0.8s ease 0.3s both; }\r\n#roc-wrap .roc-pill { font-size:11px; font-weight:600; color:rgba(255,255,255,0.65); background:rgba(255,255,255,0.06); border:0.5px solid rgba(255,255,255,0.12); padding:5px 13px; border-radius:20px; letter-spacing:0.5px; }\r\n#roc-wrap .roc-cd-label { font-size:10px; font-weight:600; letter-spacing:3px; text-transform:uppercase; color:rgba(255,255,255,0.28); margin-bottom:0.7rem; animation:rocFadeIn 0.8s ease 0.4s both; }\r\n#roc-wrap .roc-cd { display:flex; gap:7px; align-items:flex-start; margin-bottom:2rem; animation:rocFadeIn 0.8s ease 0.4s both; }\r\n#roc-wrap .roc-cd-block { display:flex; flex-direction:column; align-items:center; min-width:62px; }\r\n#roc-wrap .roc-cd-num { font-family:'Bebas Neue',sans-serif; font-size:40px; color:#fff; line-height:1; background:rgba(255,255,255,0.05); border:0.5px solid rgba(96,165,250,0.15); width:62px; height:54px; display:flex; align-items:center; justify-content:center; border-radius:6px; letter-spacing:2px; backdrop-filter:blur(4px); }\r\n#roc-wrap .roc-cd-unit { font-size:9px; font-weight:600; letter-spacing:2px; color:rgba(255,255,255,0.25); margin-top:4px; text-transform:uppercase; }\r\n#roc-wrap .roc-cd-sep { font-family:'Bebas Neue',sans-serif; font-size:34px; color:rgba(255,80,0,0.45); margin-top:8px; }\r\n#roc-wrap .roc-date-text { display:inline; }\r\n#roc-wrap .roc-date-text::before {\r\n content: attr(data-v);\r\n color: rgba(255,255,255,0.45);\r\n font-size: 12px;\r\n font-weight: 600;\r\n}\r\n\r\n#roc-wrap .roc-next {\r\n display:flex; flex-direction:row; align-items:center; justify-content:center;\r\n flex-wrap:wrap; gap:5px;\r\n margin-bottom:2rem; animation:rocFadeIn 0.8s ease 0.45s both; text-align:center;\r\n font-size:12px; font-weight:600; color:rgba(255,255,255,0.45);\r\n}\r\n\r\n\/* \u2500\u2500 ACTION ROW \u2500\u2500 *\/\r\n#roc-wrap .roc-actions {\r\n display:flex; gap:8px; margin-bottom:1.4rem;\r\n animation:rocFadeIn 0.8s ease 0.5s both;\r\n flex-wrap:wrap; justify-content:center; align-items:center;\r\n}\r\n\r\n#roc-wrap .roc-btn-p {\r\n font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;\r\n color:#fff; background:linear-gradient(135deg,#ff5000,#e63d00);\r\n border:none; padding:11px 22px; border-radius:6px; cursor:pointer;\r\n transition:transform 0.15s,box-shadow 0.15s;\r\n text-decoration:none; display:inline-flex; align-items:center; gap:6px;\r\n box-shadow:0 2px 14px rgba(255,80,0,0.25);\r\n}\r\n#roc-wrap .roc-btn-p:hover { transform:translateY(-2px); box-shadow:0 4px 20px rgba(255,80,0,0.4); }\r\n\r\n#roc-wrap .roc-btn-s {\r\n font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;\r\n color:rgba(255,255,255,0.7); background:rgba(255,255,255,0.06);\r\n border:0.5px solid rgba(255,255,255,0.18); padding:11px 22px; border-radius:6px;\r\n cursor:pointer; transition:background 0.15s,border-color 0.15s,color 0.15s,transform 0.15s;\r\n display:inline-flex; align-items:center; gap:6px;\r\n backdrop-filter:blur(4px);\r\n}\r\n#roc-wrap .roc-btn-s:hover { border-color:rgba(255,255,255,0.4); color:#fff; background:rgba(255,255,255,0.1); transform:translateY(-2px); }\r\n\r\n#roc-wrap .roc-btn-cal {\r\n font-size:11px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase;\r\n color:rgba(96,165,250,0.8); background:rgba(96,165,250,0.07);\r\n border:0.5px solid rgba(96,165,250,0.25); padding:11px 16px; border-radius:6px;\r\n cursor:pointer; transition:background 0.15s,border-color 0.15s,color 0.15s,transform 0.15s;\r\n display:inline-flex; align-items:center; gap:6px;\r\n backdrop-filter:blur(4px);\r\n}\r\n#roc-wrap .roc-btn-cal:hover { border-color:rgba(96,165,250,0.55); color:#93c5fd; background:rgba(96,165,250,0.12); transform:translateY(-2px); }\r\n#roc-wrap .roc-btn-cal i { font-size:15px; }\r\n\r\n\/* \u2500\u2500 LIVE BADGE \u2500\u2500 *\/\r\n#roc-wrap .roc-live-banner { display:none; flex-direction:column; align-items:center; gap:10px; margin-bottom:1.8rem; animation:rocFadeIn 0.5s ease both; }\r\n#roc-wrap .roc-live-banner.visible { display:flex; }\r\n#roc-wrap .roc-live-badge { display:flex; align-items:center; gap:8px; background:rgba(220,38,38,0.15); border:1px solid rgba(220,38,38,0.5); border-radius:6px; padding:8px 18px; }\r\n#roc-wrap .roc-live-dot { width:9px; height:9px; border-radius:50%; background:#ef4444; animation:rocPulse 0.9s ease-in-out infinite; }\r\n#roc-wrap .roc-live-text { font-family:'Bebas Neue',sans-serif; font-size:22px; letter-spacing:3px; color:#ef4444; }\r\n#roc-wrap .roc-live-info { font-size:18px; font-weight:700; color:rgba(255,255,255,0.85); letter-spacing:0.5px; text-align:center; line-height:1.5; }\r\n#roc-wrap .roc-live-info .live-game { color:#60a5fa; font-weight:700; font-size:22px; }\r\n#roc-wrap .roc-live-info .live-round { color:#fbbf24; font-size:18px; }\r\n#roc-wrap .roc-btn-live { font-size:13px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#fff; background:rgba(220,38,38,0.8); border:1px solid rgba(220,38,38,0.9); padding:12px 30px; border-radius:6px; cursor:pointer; transition:transform 0.15s,background 0.15s; text-decoration:none; display:inline-block; }\r\n#roc-wrap .roc-btn-live:hover { background:rgba(220,38,38,1); transform:translateY(-1px); }\r\n\r\n\/* \u2500\u2500 COUNTDOWN SECTION \u2500\u2500 *\/\r\n#roc-wrap .roc-countdown-section { display:flex; flex-direction:column; align-items:center; }\r\n#roc-wrap .roc-countdown-section.hidden { display:none; }\r\n\r\n\/* \u2500\u2500 CALENDAR DROPDOWN \u2500\u2500 *\/\r\n#roc-wrap .roc-cal-wrap { position:relative; }\r\n#roc-wrap .roc-cal-dropdown {\r\n display:none; position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%);\r\n background:#0d1220; border:0.5px solid rgba(96,165,250,0.2); border-radius:8px;\r\n min-width:200px; z-index:20; overflow:hidden;\r\n box-shadow:0 -8px 32px rgba(0,0,0,0.6);\r\n}\r\n#roc-wrap .roc-cal-dropdown.open { display:block; animation:rocFadeIn 0.18s ease both; }\r\n#roc-wrap .roc-cal-dropdown-title { font-size:9px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(255,255,255,0.25); padding:10px 14px 6px; border-bottom:0.5px solid rgba(255,255,255,0.06); }\r\n#roc-wrap .roc-cal-option { display:flex; align-items:center; gap:10px; padding:10px 14px; font-size:12px; font-weight:600; letter-spacing:0.4px; color:rgba(255,255,255,0.65); cursor:pointer; transition:background 0.12s,color 0.12s; text-decoration:none; border-bottom:0.5px solid rgba(255,255,255,0.04); }\r\n#roc-wrap .roc-cal-option:last-child { border-bottom:none; }\r\n#roc-wrap .roc-cal-option:hover { background:rgba(96,165,250,0.1); color:#fff; }\r\n#roc-wrap .roc-cal-option i { font-size:15px; opacity:0.65; }\r\n#roc-wrap .roc-cal-option span.sub { font-size:10px; font-weight:400; color:rgba(255,255,255,0.28); margin-left:auto; }\r\n\r\n\/* \u2500\u2500 PERKS \u2500\u2500 *\/\r\n#roc-wrap .roc-perks { display:flex; gap:7px; flex-wrap:wrap; justify-content:center; animation:rocFadeIn 0.8s ease 0.6s both; }\r\n#roc-wrap .roc-perk {\r\n display:flex; align-items:center; gap:5px;\r\n font-size:11px; font-weight:600; letter-spacing:0.3px;\r\n padding:6px 13px; border-radius:20px;\r\n background:rgba(255,255,255,0.05);\r\n border:0.5px solid rgba(255,255,255,0.1);\r\n color:rgba(255,255,255,0.55);\r\n transition:background 0.2s,border-color 0.2s,color 0.2s;\r\n white-space:nowrap;\r\n}\r\n#roc-wrap .roc-perk:hover { background:rgba(255,255,255,0.09); border-color:rgba(255,255,255,0.2); color:rgba(255,255,255,0.85); }\r\n#roc-wrap .roc-perk i { font-size:13px; opacity:0.6; }\r\n\r\n@media (max-width: 600px) {\r\n #roc-wrap .roc-perks { gap:5px; flex-wrap:nowrap; }\r\n #roc-wrap .roc-perk { font-size:9px; padding:5px 8px; gap:4px; letter-spacing:0; }\r\n #roc-wrap .roc-perk i { font-size:11px; }\r\n}\r\n\r\n@keyframes rocFadeIn { from{opacity:0} to{opacity:1} }\r\n@keyframes rocSlideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }\r\n@keyframes rocPulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.7)} }\r\n\r\n\/* \u2500\u2500 POPUP \u2500\u2500 *\/\r\n#roc-popup-overlay { display:none; position:absolute; inset:0; z-index:100; background:rgba(0,0,0,0.84); align-items:center; justify-content:center; border-radius:8px; }\r\n#roc-popup-overlay.open { display:flex; }\r\n#roc-modal { background:#0a0c10; border:1px solid rgba(240,180,41,0.2); border-radius:10px; width:92%; max-width:620px; max-height:86%; overflow-y:auto; animation:rocModalIn 0.25s ease both; }\r\n@keyframes rocModalIn { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }\r\n#roc-modal .m-header { position:sticky; top:0; display:flex; align-items:center; justify-content:space-between; padding:13px 18px; background:#0a0c10; border-bottom:1px solid rgba(240,180,41,0.12); z-index:10; }\r\n#roc-modal .m-title { font-family:'Barlow Condensed',sans-serif; font-size:0.85rem; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; color:#f0b429; }\r\n#roc-modal .m-actions { display:flex; align-items:center; gap:8px; }\r\n#roc-modal .m-lang { display:flex; gap:4px; }\r\n#roc-modal .m-lang button { font-family:'Barlow',sans-serif; font-size:10px; font-weight:700; letter-spacing:1px; background:transparent; border:0.5px solid rgba(255,255,255,0.15); color:rgba(255,255,255,0.4); padding:5px 9px; border-radius:2px; cursor:pointer; transition:all 0.15s; }\r\n#roc-modal .m-lang button.active { border-color:#f0b429; color:#f0b429; }\r\n#roc-modal .m-reg { font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#0a0c10; background:#ff5000; border:none; padding:7px 16px; border-radius:3px; cursor:pointer; text-decoration:none; display:inline-block; transition:background 0.15s; }\r\n#roc-modal .m-reg:hover { background:#ff6a1f; }\r\n#roc-modal .m-close { background:rgba(255,255,255,0.07); border:0.5px solid rgba(255,255,255,0.15); color:rgba(255,255,255,0.5); font-size:12px; font-weight:600; letter-spacing:1px; padding:7px 12px; border-radius:3px; cursor:pointer; transition:background 0.15s,color 0.15s; }\r\n#roc-modal .m-close:hover { background:rgba(255,255,255,0.12); color:#fff; }\r\n#roc-modal .m-body { padding:22px 22px 26px; color:#e8eaf0; }\r\n#roc-modal .lang-content { display:none; }\r\n#roc-modal .lang-content.active { display:block; }\r\n#roc-modal .g-label { font-family:'Barlow Condensed',sans-serif; font-size:0.66rem; letter-spacing:0.25em; text-transform:uppercase; color:#f0b429; margin-bottom:16px; display:flex; align-items:center; gap:10px; }\r\n#roc-modal .g-label::after { content:''; flex:1; height:1px; background:rgba(240,180,41,0.18); }\r\n#roc-modal .g-steps { margin-bottom:24px; }\r\n#roc-modal .g-step { background:#111318; border:1px solid rgba(240,180,41,0.18); border-radius:8px; padding:15px 17px; margin-bottom:9px; display:flex; gap:15px; align-items:flex-start; position:relative; overflow:hidden; transition:border-color 0.2s,transform 0.2s; }\r\n#roc-modal .g-step::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:#f0b429; opacity:0; transition:opacity 0.2s; }\r\n#roc-modal .g-step:hover { border-color:rgba(240,180,41,0.4); transform:translateX(3px); }\r\n#roc-modal .g-step:hover::before { opacity:1; }\r\n#roc-modal .g-step-n { font-family:'Bebas Neue',sans-serif; font-size:1.7rem; line-height:1; color:#f0b429; min-width:26px; text-align:center; opacity:0.85; flex-shrink:0; }\r\n#roc-modal .g-step-body { flex:1; }\r\n#roc-modal .g-step-t { font-family:'Barlow Condensed',sans-serif; font-size:0.95rem; font-weight:700; letter-spacing:0.05em; color:#fff; margin-bottom:4px; text-transform:uppercase; }\r\n#roc-modal .g-step-d { font-size:0.83rem; color:#8892a4; line-height:1.55; }\r\n#roc-modal .g-step-d strong { color:#e8eaf0; }\r\n#roc-modal .g-step-d a { color:#60a5fa; font-weight:700; text-decoration:underline; }\r\n#roc-modal .g-warn { display:flex; align-items:center; gap:7px; margin-top:9px; padding:7px 11px; background:rgba(229,62,62,0.12); border:1px solid rgba(229,62,62,0.35); border-radius:5px; font-size:0.78rem; color:#fc8181; font-weight:600; }\r\n#roc-modal .g-tip { display:flex; align-items:flex-start; gap:7px; margin-top:9px; padding:7px 11px; background:rgba(96,165,250,0.1); border:1px solid rgba(96,165,250,0.28); border-radius:5px; font-size:0.78rem; color:#90cdf4; line-height:1.5; }\r\n#roc-modal .g-tip a { color:#63b3ed; font-weight:700; text-decoration:underline; }\r\n#roc-modal .g-notices { display:flex; flex-direction:column; gap:9px; }\r\n#roc-modal .g-notice { padding:11px 14px; border-radius:7px; font-size:0.83rem; line-height:1.55; display:flex; align-items:flex-start; gap:9px; }\r\n#roc-modal .g-notice.inf { background:rgba(66,153,225,0.1); border:1px solid rgba(66,153,225,0.3); color:#90cdf4; }\r\n#roc-modal .g-notice.promo { background:rgba(56,161,105,0.1); border:1px solid rgba(56,161,105,0.3); color:#9ae6b4; }\r\n#roc-modal .g-notice.warn { background:rgba(229,62,62,0.1); border:1px solid rgba(229,62,62,0.3); color:#fc8181; }\r\n#roc-modal .g-notice strong { color:inherit; }\r\n<\/style>\r\n\r\n<div id=\"roc-wrap\">\r\n <div id=\"roc-bg\"><\/div>\r\n <div id=\"roc-grad\"><\/div>\r\n <div id=\"roc-fade-bottom\"><\/div>\r\n <canvas id=\"roc-canvas\"><\/canvas>\r\n\r\n <div class=\"roc-inner\">\r\n <div class=\"roc-title\" id=\"roc-title-el\" translate=\"no\"><\/div>\r\n <div class=\"roc-subtitle\" translate=\"no\"><span class=\"notranslate\">allwyn Unileague \u00b7 Gaming Community<\/span><\/div>\r\n\r\n <div class=\"roc-games\">\r\n <span class=\"roc-pill notranslate\" translate=\"no\">EA FC 26<\/span>\r\n <span class=\"roc-pill notranslate\" translate=\"no\">eFootball<\/span>\r\n <span class=\"roc-pill notranslate\" translate=\"no\">Rocket League<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"roc-live-banner\" id=\"roc-live-banner\">\r\n <div class=\"roc-live-badge\">\r\n <div class=\"roc-live-dot\"><\/div>\r\n <div class=\"roc-live-text\">LIVE NOW<\/div>\r\n <\/div>\r\n <div class=\"roc-live-info\">\r\n <span class=\"live-game\" id=\"roc-live-game\">\u2014<\/span>\r\n - \r\n <span class=\"live-round\" id=\"roc-live-round\">\u2014<\/span>\r\n <\/div>\r\n <a href=\"#\" id=\"roc-live-btn\" target=\"_blank\" class=\"roc-btn-live\">SEE LIVE BRACKETS<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"roc-countdown-section\" id=\"roc-countdown-section\">\r\n <div class=\"roc-cd-label\">Next event in<\/div>\r\n <div class=\"roc-cd\">\r\n <div class=\"roc-cd-block\"><div class=\"roc-cd-num\" id=\"rcd-d\">00<\/div><div class=\"roc-cd-unit\">Days<\/div><\/div>\r\n <div class=\"roc-cd-sep\">:<\/div>\r\n <div class=\"roc-cd-block\"><div class=\"roc-cd-num\" id=\"rcd-h\">00<\/div><div class=\"roc-cd-unit\">Hours<\/div><\/div>\r\n <div class=\"roc-cd-sep\">:<\/div>\r\n <div class=\"roc-cd-block\"><div class=\"roc-cd-num\" id=\"rcd-m\">00<\/div><div class=\"roc-cd-unit\">Minutes<\/div><\/div>\r\n <div class=\"roc-cd-sep\">:<\/div>\r\n <div class=\"roc-cd-block\"><div class=\"roc-cd-num\" id=\"rcd-s\">00<\/div><div class=\"roc-cd-unit\">Seconds<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"roc-next notranslate\" id=\"roc-next-label\" translate=\"no\"><\/div>\r\n\r\n <div class=\"roc-actions\">\r\n <a href=\"https:\/\/battlefy.com\/vgl-esports\" target=\"_blank\" class=\"roc-btn-p\" id=\"roc-reg-btn\" rel=\"noopener\">\r\n <i class=\"ti ti-user-plus\" style=\"font-size:14px;\"><\/i>\r\n REGISTER NOW\r\n <\/a>\r\n <button class=\"roc-btn-s\" id=\"roc-how-btn\" onclick=\"document.getElementById('roc-popup-overlay').classList.add('open')\">\r\n <i class=\"ti ti-help-circle\" style=\"font-size:14px;\"><\/i>\r\n HOW TO PLAY\r\n <\/button>\r\n <div class=\"roc-cal-wrap\">\r\n <button class=\"roc-btn-cal\" id=\"roc-cal-btn\" onclick=\"toggleCalDropdown(event)\">\r\n <i class=\"ti ti-calendar-plus\" aria-hidden=\"true\"><\/i>\r\n <span>\u0397\u03bc\u03b5\u03c1\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf<\/span>\r\n <\/button>\r\n <div class=\"roc-cal-dropdown\" id=\"roc-cal-dropdown\">\r\n <div class=\"roc-cal-dropdown-title\">Choose Calendar App<\/div>\r\n <a class=\"roc-cal-option\" id=\"roc-cal-google\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"ti ti-brand-google\" aria-hidden=\"true\"><\/i>Google Calendar<span class=\"sub\">Web<\/span>\r\n <\/a>\r\n <a class=\"roc-cal-option\" id=\"roc-cal-outlook\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"ti ti-brand-windows\" aria-hidden=\"true\"><\/i>Outlook<span class=\"sub\">Web<\/span>\r\n <\/a>\r\n <a class=\"roc-cal-option\" id=\"roc-cal-ics\" href=\"#\" download>\r\n <i class=\"ti ti-calendar-event\" aria-hidden=\"true\"><\/i>Apple \/ iCal<span class=\"sub\">.ics<\/span>\r\n <\/a>\r\n <a class=\"roc-cal-option\" id=\"roc-cal-yahoo\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"ti ti-calendar\" aria-hidden=\"true\"><\/i>Yahoo Calendar<span class=\"sub\">Web<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"roc-perks\">\r\n <div class=\"roc-perk\"><i class=\"ti ti-circle-check\"><\/i><span>Free Entry<\/span><\/div>\r\n <div class=\"roc-perk\"><i class=\"ti ti-wifi\"><\/i><span>Online<\/span><\/div>\r\n <div class=\"roc-perk\"><i class=\"ti ti-gift\"><\/i><span>Bonus 50\u20ac<\/span><\/div>\r\n <div class=\"roc-perk\"><i class=\"ti ti-trophy\"><\/i><span>Qualify for Finals<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"roc-popup-overlay\" onclick=\"if(event.target===this)this.classList.remove('open')\">\r\n <div id=\"roc-modal\">\r\n <div class=\"m-header\">\r\n <div class=\"m-title\">Participation Guide<\/div>\r\n <div class=\"m-actions\">\r\n <div class=\"m-lang\">\r\n <button id=\"roc-lang-el\" onclick=\"rocSetLang('el')\">\u0395\u039b<\/button>\r\n <button id=\"roc-lang-en\" class=\"active\" onclick=\"rocSetLang('en')\">EN<\/button>\r\n <\/div>\r\n <a href=\"https:\/\/battlefy.com\/vgl-esports\" target=\"_blank\" class=\"m-reg\" id=\"roc-modal-reg\" rel=\"noopener\">REGISTER \u2197<\/a>\r\n <button class=\"m-close\" onclick=\"document.getElementById('roc-popup-overlay').classList.remove('open')\">\u2715<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"m-body\">\r\n \r\n <div class=\"lang-content\" id=\"roc-content-el\">\r\n <div class=\"g-label\" translate=\"no\">Participation Steps<\/div>\r\n <div class=\"g-steps\">\r\n <div class=\"g-step\"><div class=\"g-step-n\">1<\/div><div class=\"g-step-body\"><div class=\"g-step-t\" translate=\"no\">Register on Battlefy<\/div><div class=\"g-step-d\">\u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03c4\u03b5 \u03bb\u03bf\u03b3\u03b1\u03c1\u03b9\u03b1\u03c3\u03bc\u03cc \u03c3\u03c4\u03bf <a href=\"https:\/\/battlefy.com\/vgl-esports\" target=\"_blank\" rel=\"noopener\">Battlefy<\/a> \u03ba\u03b1\u03b9 \u03b5\u03b3\u03b3\u03c1\u03b1\u03c6\u03b5\u03af\u03c4\u03b5 \u03c3\u03c4\u03bf \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac \u03c4\u03bf\u03c5 Rise of Champions. \u0397 \u03b5\u03b3\u03b3\u03c1\u03b1\u03c6\u03ae \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03bd\u03bf\u03b9\u03c7\u03c4\u03ae \u03bc\u03ad\u03c7\u03c1\u03b9 \u03c4\u03b7\u03bd \u03ce\u03c1\u03b1 \u03ad\u03bd\u03b1\u03c1\u03be\u03b7\u03c2.<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">2<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">Check-in<\/div><div class=\"g-step-d\"><strong>30 \u03bb\u03b5\u03c0\u03c4\u03ac \u03c0\u03c1\u03b9\u03bd \u03c4\u03b7\u03bd \u03ad\u03bd\u03b1\u03c1\u03be\u03b7<\/strong>, \u03bc\u03c0\u03b5\u03af\u03c4\u03b5 \u03c3\u03c4\u03bf Battlefy \u03ba\u03b1\u03b9 \u03c0\u03b1\u03c4\u03ae\u03c3\u03c4\u03b5 <strong>Check-in<\/strong>. \u03a4\u03bf Check-in \u03ba\u03bb\u03b5\u03b9\u03b4\u03ce\u03bd\u03b5\u03b9 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03ad\u03bd\u03b1\u03c1\u03be\u03b7 \u03c4\u03bf\u03c5 \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac.<\/div><div class=\"g-tip\">\u2139\ufe0f \u0391\u03bd \u03b4\u03b5\u03bd \u03c3\u03b1\u03c2 \u03b5\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03b7 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae Check-in, \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03ce\u03c3\u03c4\u03b5 \u03bc\u03b1\u03c2 \u03ac\u03bc\u03b5\u03c3\u03b1 \u03c3\u03c4\u03bf <a href=\"https:\/\/discord.gg\/sUz2QbGAZT\" target=\"_blank\" rel=\"noopener\">Discord Support<\/a>.<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">3<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">I am Ready<\/div><div class=\"g-step-d\">\u039c\u03b5 \u03c4\u03b7\u03bd \u03ad\u03bd\u03b1\u03c1\u03be\u03b7, \u03c4\u03bf \u03c3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 \u03c3\u03b1\u03c2 \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03b9 \u03b1\u03bd\u03c4\u03af\u03c0\u03b1\u03bb\u03bf \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1. \u0393\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03b1\u03b3\u03ce\u03bd\u03b1, \u03c0\u03b1\u03c4\u03ae\u03c3\u03c4\u03b5 <strong>\u00abI am Ready\u00bb<\/strong> \u03b5\u03bd\u03c4\u03cc\u03c2 <strong>5 \u03bb\u03b5\u03c0\u03c4\u03ce\u03bd<\/strong>.<\/div><div class=\"g-warn\">\u26a0\ufe0f \u0391\u03bd \u03b4\u03b5\u03bd \u03c0\u03b1\u03c4\u03ae\u03c3\u03b5\u03c4\u03b5 \u03b5\u03bd\u03c4\u03cc\u03c2 5 \u03bb\u03b5\u03c0\u03c4\u03ce\u03bd, \u03c7\u03ac\u03bd\u03b5\u03c4\u03b5 \u03c4\u03bf\u03bd \u03b1\u03b3\u03ce\u03bd\u03b1<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">4<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">Chat & Play<\/div><div class=\"g-step-d\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b5 \u03c4\u03bf\u03bd \u03b1\u03bd\u03c4\u03af\u03c0\u03b1\u03bb\u03cc \u03c3\u03b1\u03c2 \u03c3\u03c4\u03bf <strong>match chat<\/strong> \u03c4\u03bf\u03c5 Battlefy \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ba\u03b1\u03bd\u03bf\u03bd\u03af\u03c3\u03b5\u03c4\u03b5 Invite \u03ae Lobby. \u03a0\u03b1\u03af\u03be\u03c4\u03b5 \u03c4\u03bf\u03bd \u03b1\u03b3\u03ce\u03bd\u03b1 \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03b1\u03bd\u03b1\u03bc\u03ad\u03c4\u03c1\u03b7\u03c3\u03b7.<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">5<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">Report Score<\/div><div class=\"g-step-d\">\u039c\u03b5\u03c4\u03ac \u03c4\u03bf\u03bd \u03b1\u03b3\u03ce\u03bd\u03b1 \u03c0\u03b1\u03c4\u03ae\u03c3\u03c4\u03b5 <strong>Report Score<\/strong>, \u03ba\u03b1\u03c4\u03b1\u03c7\u03c9\u03c1\u03ae\u03c3\u03c4\u03b5 \u03c4\u03bf \u03c3\u03ba\u03bf\u03c1 \u03ba\u03b1\u03b9 \u03b1\u03bd\u03b5\u03b2\u03ac\u03c3\u03c4\u03b5 <strong>\u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1 \u03b1\u03c0\u03bf\u03b4\u03b5\u03b9\u03ba\u03c4\u03b9\u03ba\u03bf\u03cd<\/strong>. \u0393\u03b9\u03b1 \u03c0\u03c1\u03cc\u03b2\u03bb\u03b7\u03bc\u03b1 \u03ae \u03ad\u03bd\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c0\u03b1\u03c4\u03ae\u03c3\u03c4\u03b5 <strong>Report Issue<\/strong>.<\/div><div class=\"g-tip\">\u2139\ufe0f \u03a4\u03bf Discord support chat \u03c0\u03b1\u03c1\u03b1\u03bc\u03ad\u03bd\u03b5\u03b9 \u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03cc \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7 \u03b4\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1 \u03c4\u03bf\u03c5 \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac.<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"g-label\">\u03a3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03ac<\/div>\r\n <div class=\"g-notices\">\r\n <div class=\"g-notice promo\"><span>\ud83c\udf81<\/span><span>\u038c\u03bb\u03bf\u03b9 \u03bf\u03b9 \u03c3\u03c5\u03bc\u03bc\u03b5\u03c4\u03ad\u03c7\u03bf\u03bd\u03c4\u03b5\u03c2 \u03bc\u03c0\u03b1\u03af\u03bd\u03bf\u03c5\u03bd \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1 \u03c3\u03b5 \u03ba\u03bb\u03ae\u03c1\u03c9\u03c3\u03b7 \u03b3\u03b9\u03b1 <strong>\u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c0\u03bf\u03b4\u03bf\u03c3\u03c6\u03b1\u03b9\u03c1\u03b9\u03ba\u03ad\u03c2 \u03b5\u03bc\u03c6\u03b1\u03bd\u03af\u03c3\u03b5\u03b9\u03c2<\/strong>!<\/span><\/div>\r\n <div class=\"g-notice inf\"><span>\ud83c\udfc6<\/span><span>\u0397 <strong>1\u03b7 \u03b8\u03ad\u03c3\u03b7<\/strong> \u03ba\u03ac\u03b8\u03b5 \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac \u03bf\u03b4\u03b7\u03b3\u03b5\u03af \u03b1\u03c0\u03b5\u03c5\u03b8\u03b5\u03af\u03b1\u03c2 \u03c3\u03c4\u03bf Final Stage. \u039f\u03b9 \u03c5\u03c0\u03cc\u03bb\u03bf\u03b9\u03c0\u03bf\u03b9 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03b6\u03bf\u03c5\u03bd \u03bc\u03b5 \u03c0\u03cc\u03bd\u03c4\u03bf\u03c5\u03c2 \u03ba\u03b1\u03c4\u03ac\u03c4\u03b1\u03be\u03b7\u03c2.<\/span><\/div>\r\n <div class=\"g-notice warn\"><span>\u26a0\ufe0f<\/span><span>\u03a4\u03bf <strong>Check-in \u03b5\u03af\u03bd\u03b1\u03b9 \u03c5\u03c0\u03bf\u03c7\u03c1\u03b5\u03c9\u03c4\u03b9\u03ba\u03cc<\/strong>. \u03a7\u03c9\u03c1\u03af\u03c2 Check-in \u03b4\u03b5\u03bd \u03c3\u03c5\u03bc\u03bc\u03b5\u03c4\u03ad\u03c7\u03b5\u03c4\u03b5 \u03c3\u03c4\u03bf \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac \u03b1\u03ba\u03cc\u03bc\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03bd \u03ad\u03c7\u03b5\u03c4\u03b5 \u03b5\u03b3\u03b3\u03c1\u03b1\u03c6\u03b5\u03af.<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"lang-content active\" id=\"roc-content-en\">\r\n <div class=\"g-label\">Participation steps<\/div>\r\n <div class=\"g-steps\">\r\n <div class=\"g-step\"><div class=\"g-step-n\">1<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">Register on Battlefy<\/div><div class=\"g-step-d\">Create an account on <a href=\"https:\/\/battlefy.com\/vgl-esports\" target=\"_blank\" rel=\"noopener\">Battlefy<\/a> and sign up for the Rise of Champions tournament. Registration is open until the start time.<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">2<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">Check-in<\/div><div class=\"g-step-d\"><strong>30 minutes before the start<\/strong>, log into Battlefy and click <strong>Check-in<\/strong>. Check-in closes when the tournament begins.<\/div><div class=\"g-tip\">\u2139\ufe0f If the Check-in option doesn't appear, contact us immediately on <a href=\"https:\/\/discord.gg\/sUz2QbGAZT\" target=\"_blank\" rel=\"noopener\">Discord Support<\/a>.<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">3<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">I am Ready<\/div><div class=\"g-step-d\">At kickoff, the system automatically finds your opponent. For each match, click <strong>\u00abI am Ready\u00bb<\/strong> within <strong>5 minutes<\/strong>.<\/div><div class=\"g-warn\">\u26a0\ufe0f If you don't click within 5 minutes, you forfeit the match<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">4<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">Chat & Play<\/div><div class=\"g-step-d\">Use the <strong>match chat<\/strong> on Battlefy to coordinate an Invite or Lobby with your opponent. Play your match to completion.<\/div><\/div><\/div>\r\n <div class=\"g-step\"><div class=\"g-step-n\">5<\/div><div class=\"g-step-body\"><div class=\"g-step-t\">Report Score<\/div><div class=\"g-step-d\">After the match click <strong>Report Score<\/strong>, enter the result and upload a <strong>screenshot as proof<\/strong>. For disputes click <strong>Report Issue<\/strong>.<\/div><div class=\"g-tip\">\u2139\ufe0f The Discord support chat is closed during the tournament.<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"g-label\">Important<\/div>\r\n <div class=\"g-notices\">\r\n <div class=\"g-notice promo\"><span>\ud83c\udf81<\/span><span>All participants are automatically entered into a draw for <strong>exclusive football kits<\/strong>!<\/span><\/div>\r\n <div class=\"g-notice inf\"><span>\ud83c\udfc6<\/span><span><strong>1st place<\/strong> in each tournament earns a direct spot in the Final Stage. All others accumulate ranking points.<\/span><\/div>\r\n <div class=\"g-notice warn\"><span>\u26a0\ufe0f<\/span><span><strong>Check-in is mandatory.<\/strong> Without Check-in you will not participate even if you have registered.<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n var CSV_URL = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vRwYEJQQvu8A5aCzPtb_vlK-bUTSpKHNq1pGQo_IrScbTshZayVbwL1S6AMODASFA\/pub?gid=1751640218&single=true&output=csv';\r\n\r\n var t = document.getElementById('roc-title-el');\r\n if (t) t.innerHTML = '<span style=\"color:#ffffff;\">Rise of<\/span><br><span style=\"color:#60a5fa;\">Champions<\/span>';\r\n\r\n function isMobile() { return window.innerWidth <= 768; }\r\n function pad(n){ return String(parseInt(n)).padStart(2,'0'); }\r\n\r\n function splitCSVLine(line) {\r\n var result=[], cur='', inQ=false;\r\n for (var i=0;i<line.length;i++) {\r\n var ch=line[i];\r\n if (ch==='\"'){inQ=!inQ;}\r\n else if (ch===','&&!inQ){result.push(cur);cur='';}\r\n else{cur+=ch;}\r\n }\r\n result.push(cur); return result;\r\n }\r\n\r\n var MONTH_MAP={jan:1,feb:2,mar:3,apr:4,may:5,jun:6,jul:7,aug:8,sep:9,oct:10,nov:11,dec:12};\r\n\r\n function parseDate(s) {\r\n if (!s) return null; s=s.trim();\r\n if (\/^\\d{4}-\\d{2}-\\d{2}$\/.test(s)) return s;\r\n var m=s.match(\/^(\\d{1,2})\\\/(\\d{1,2})\\\/(\\d{4})$\/);\r\n if (m) return m[3]+'-'+pad(m[2])+'-'+pad(m[1]);\r\n var m2=s.match(\/([A-Za-z]+)\\s+(\\d{1,2})\/);\r\n if (m2){var mo=MONTH_MAP[m2[1].toLowerCase().substring(0,3)];if(mo){var yr=new Date().getFullYear();return yr+'-'+pad(mo)+'-'+pad(parseInt(m2[2]));}}\r\n var m3=s.match(\/^(\\d{1,2})\\s+([A-Za-z]+)\/);\r\n if (m3){var mo2=MONTH_MAP[m3[2].toLowerCase().substring(0,3)];if(mo2)return new Date().getFullYear()+'-'+pad(mo2)+'-'+pad(parseInt(m3[1]));}\r\n return null;\r\n }\r\n\r\n function parseTime(s) {\r\n if (!s) return null; s=s.trim();\r\n var m=s.match(\/(\\d{1,2}):(\\d{2})\/);\r\n if (m) return {h:parseInt(m[1]),min:parseInt(m[2])};\r\n var m2=s.match(\/^(\\d{1,2})$\/);\r\n if (m2) return {h:parseInt(m2[1]),min:0};\r\n return null;\r\n }\r\n\r\n function parseCSV(text) {\r\n var lines=text.trim().replace(\/\\r\\n\/g,'\\n').replace(\/\\r\/g,'\\n').split('\\n');\r\n if (lines.length<2) return [];\r\n var headers=lines[0].split(',').map(function(h){return h.trim().replace(\/^\"|\"$\/g,'').toUpperCase();});\r\n function findCol(){var names=Array.prototype.slice.call(arguments);for(var i=0;i<headers.length;i++){var hNorm=headers[i].replace(\/[\\s\\-_]\/g,'');for(var j=0;j<names.length;j++){if(hNorm===names[j].replace(\/[\\s\\-_]\/g,'').toUpperCase())return i;}}return -1;}\r\n var idxGame=findCol('GAME'),idxRound=findCol('ROUND'),idxDate=findCol('DATE'),idxCheckIn=findCol('CHECK IN','CHECKIN','CHECK-IN','CHECKINHOUR'),idxStart=findCol('START','START TIME','STARTTIME'),idxLink=findCol('LINK','URL');\r\n var events=[];\r\n for (var i=1;i<lines.length;i++) {\r\n if (!lines[i].trim()) continue;\r\n var cols=splitCSVLine(lines[i]);\r\n function col(idx){return idx>=0&&idx<cols.length?cols[idx].trim().replace(\/^\"|\"$\/g,''):''; }\r\n var game=col(idxGame),round=col(idxRound),dateRaw=col(idxDate),checkIn=col(idxCheckIn),start=col(idxStart),link=col(idxLink);\r\n if (!dateRaw||!game) continue;\r\n var isoDate=parseDate(dateRaw);\r\n if (!isoDate) continue;\r\n events.push({game:game,round:round,date:isoDate,checkIn:parseTime(checkIn),start:parseTime(start),link:link});\r\n }\r\n return events;\r\n }\r\n\r\n function getNextEvent(events) {\r\n var now=new Date(),next=null,current=null;\r\n for (var i=0;i<events.length;i++) {\r\n var ev=events[i];\r\n var startH=ev.start?ev.start.h:19,startMin=ev.start?ev.start.min:0;\r\n var evStart=new Date(ev.date+'T'+String(startH).padStart(2,'0')+':'+String(startMin).padStart(2,'0')+':00+03:00');\r\n var evEnd=new Date(ev.date+'T23:00:00+03:00');\r\n if (now>=evStart&&now<evEnd){current=ev;break;}\r\n if (evEnd>now&&!next) next=ev;\r\n }\r\n return {current:current,next:next};\r\n }\r\n\r\n function toICSDate(dateStr,h,min){\r\n var d=new Date(dateStr+'T'+String(h).padStart(2,'0')+':'+String(min).padStart(2,'0')+':00+03:00');\r\n return d.toISOString().replace(\/[-:]\/g,'').replace(\/\\.\\d{3}\/,'');\r\n }\r\n\r\n function buildCalLinks(ev) {\r\n if (!ev) return;\r\n var startH=ev.start?ev.start.h:19,startMin=ev.start?ev.start.min:0;\r\n var title='Rise of Champions \u2013 '+ev.game,desc='Register: '+(ev.link||'https:\/\/battlefy.com\/vgl-esports'),loc='Online \u2013 Battlefy';\r\n var startUtc=toICSDate(ev.date,startH,startMin),endUtc=toICSDate(ev.date,23,0);\r\n document.getElementById('roc-cal-google').href='https:\/\/calendar.google.com\/calendar\/render?action=TEMPLATE&text='+encodeURIComponent(title)+'&dates='+startUtc+'\/'+endUtc+'&details='+encodeURIComponent(desc)+'&location='+encodeURIComponent(loc);\r\n document.getElementById('roc-cal-outlook').href='https:\/\/outlook.live.com\/calendar\/0\/deeplink\/compose?subject='+encodeURIComponent(title)+'&startdt='+ev.date+'T'+String(startH).padStart(2,'0')+':'+String(startMin).padStart(2,'0')+':00+03:00&enddt='+ev.date+'T23:00:00+03:00&body='+encodeURIComponent(desc)+'&location='+encodeURIComponent(loc)+'&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent';\r\n document.getElementById('roc-cal-yahoo').href='https:\/\/calendar.yahoo.com\/?v=60&title='+encodeURIComponent(title)+'&st='+startUtc+'&et='+endUtc+'&desc='+encodeURIComponent(desc)+'&in_loc='+encodeURIComponent(loc);\r\n var ics=['BEGIN:VCALENDAR','VERSION:2.0','PRODID:-\/\/VGL Esports\/\/ROC\/\/EN','BEGIN:VEVENT','UID:roc-'+ev.date+'@vglesports.com','DTSTAMP:'+new Date().toISOString().replace(\/[-:]\/g,'').replace(\/\\.\\d{3}\/,''),'DTSTART:'+startUtc,'DTEND:'+endUtc,'SUMMARY:'+title,'DESCRIPTION:'+desc,'LOCATION:'+loc,'URL:'+(ev.link||'https:\/\/battlefy.com\/vgl-esports'),'END:VEVENT','END:VCALENDAR'].join('\\r\\n');\r\n var blob=new Blob([ics],{type:'text\/calendar;charset=utf-8'});\r\n var icsEl=document.getElementById('roc-cal-ics');\r\n icsEl.href=URL.createObjectURL(blob);\r\n icsEl.download='rise-of-champions-'+ev.date+'.ics';\r\n }\r\n\r\n var DAYS=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];\r\n var MONS=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];\r\n var lastState=null,allEvents=[],curDate=null;\r\n\r\n function buildNextLabel(ev) {\r\n var startH=ev.start?ev.start.h:19,startMin=ev.start?ev.start.min:0;\r\n var checkH=ev.checkIn?ev.checkIn.h:(startH-1),checkMin=ev.checkIn?ev.checkIn.min:0;\r\n var d=new Date(ev.date+'T'+String(startH).padStart(2,'0')+':'+String(startMin).padStart(2,'0')+':00+03:00');\r\n var mobile = isMobile();\r\n var dateStr = DAYS[d.getDay()]+' '+d.getDate()+' '+MONS[d.getMonth()]+', Check-in '+String(checkH).padStart(2,'0')+':'+String(checkMin).padStart(2,'0');\r\n var dateSpan = '<span class=\"roc-date-text\" data-v=\"' + dateStr + '\"><\/span>';\r\n var sep = mobile ? '' : '<span style=\"color:rgba(255,255,255,0.2);font-size:12px;margin:0 2px;\">\u00b7<\/span>';\r\n var gameSpan = '<span style=\"color:#60a5fa;font-size:12px;font-weight:700;\">' + ev.game + '<\/span>';\r\n var roundSpan = ev.round\r\n ? (mobile\r\n ? '<span style=\"color:#fbbf24;font-size:12px;font-weight:700;\">' + ev.round + '<\/span>'\r\n : '<span style=\"color:rgba(255,255,255,0.2);font-size:12px;margin:0 2px;\">\u00b7<\/span><span style=\"color:#fbbf24;font-size:12px;font-weight:700;\">' + ev.round + '<\/span>')\r\n : '';\r\n if (mobile) {\r\n return '<span style=\"display:block;text-align:center;\">' + dateSpan + '<\/span>'\r\n + '<span style=\"display:block;text-align:center;margin-top:3px;\">' + gameSpan\r\n + (ev.round ? '<span style=\"color:rgba(255,255,255,0.2);font-size:12px;margin:0 4px;\">\u00b7<\/span>' + roundSpan : '')\r\n + '<\/span>';\r\n }\r\n return dateSpan + sep + gameSpan + roundSpan;\r\n }\r\n\r\n function setLiveMode(ev){\r\n if (lastState==='live') return;\r\n lastState='live';\r\n document.getElementById('roc-live-banner').classList.add('visible');\r\n document.getElementById('roc-countdown-section').classList.add('hidden');\r\n document.getElementById('roc-live-game').textContent=ev.game;\r\n document.getElementById('roc-live-round').textContent=ev.round||'';\r\n document.getElementById('roc-live-btn').href=ev.link||'https:\/\/battlefy.com\/vgl-esports';\r\n }\r\n function setCountdownMode(){\r\n if (lastState==='countdown') return;\r\n lastState='countdown';\r\n document.getElementById('roc-live-banner').classList.remove('visible');\r\n document.getElementById('roc-countdown-section').classList.remove('hidden');\r\n }\r\n\r\n function tick(){\r\n var result=getNextEvent(allEvents);\r\n if (result.current){setLiveMode(result.current);return;}\r\n setCountdownMode();\r\n var ev=result.next;\r\n var lbl=document.getElementById('roc-next-label');\r\n if (!ev){\r\n lbl.innerHTML='<span style=\"color:rgba(255,255,255,0.45);font-size:12px;\">Season complete!<\/span>';\r\n ['rcd-d','rcd-h','rcd-m','rcd-s'].forEach(function(id){document.getElementById(id).textContent='00';});\r\n return;\r\n }\r\n if (curDate !== ev.date) {\r\n lbl.innerHTML = buildNextLabel(ev);\r\n curDate = ev.date;\r\n buildCalLinks(ev);\r\n }\r\n var startH=ev.start?ev.start.h:19,startMin=ev.start?ev.start.min:0;\r\n var evStart=new Date(ev.date+'T'+String(startH).padStart(2,'0')+':'+String(startMin).padStart(2,'0')+':00+03:00');\r\n var diff=evStart-new Date();\r\n if (diff<=0){['rcd-d','rcd-h','rcd-m','rcd-s'].forEach(function(id){document.getElementById(id).textContent='00';});return;}\r\n document.getElementById('rcd-d').textContent=pad(Math.floor(diff\/86400000));\r\n document.getElementById('rcd-h').textContent=pad(Math.floor((diff%86400000)\/3600000));\r\n document.getElementById('rcd-m').textContent=pad(Math.floor((diff%3600000)\/60000));\r\n document.getElementById('rcd-s').textContent=pad(Math.floor((diff%60000)\/1000));\r\n }\r\n\r\n window.addEventListener('resize', function() { curDate = null; });\r\n\r\n function loadAndStart(){\r\n fetch(CSV_URL)\r\n .then(function(r){return r.text();})\r\n .then(function(text){\r\n allEvents=parseCSV(text);\r\n allEvents.sort(function(a,b){return a.date.localeCompare(b.date);});\r\n tick(); setInterval(tick,1000);\r\n setInterval(function(){fetch(CSV_URL).then(function(r){return r.text();}).then(function(t){allEvents=parseCSV(t);allEvents.sort(function(a,b){return a.date.localeCompare(b.date);});}).catch(function(){});},5*60*1000);\r\n })\r\n .catch(function(){tick();setInterval(tick,1000);});\r\n }\r\n loadAndStart();\r\n\r\n window.toggleCalDropdown=function(e){\r\n e.stopPropagation();\r\n document.getElementById('roc-cal-dropdown').classList.toggle('open');\r\n };\r\n document.addEventListener('click',function(){\r\n var dd=document.getElementById('roc-cal-dropdown');\r\n if (dd) dd.classList.remove('open');\r\n });\r\n\r\n \/* Modal-only language switcher *\/\r\n window.rocSetLang=function(lang){\r\n document.querySelectorAll('#roc-modal .lang-content').forEach(function(el){el.classList.remove('active');});\r\n document.getElementById('roc-content-'+lang).classList.add('active');\r\n document.querySelectorAll('#roc-modal .m-lang button').forEach(function(b){b.classList.remove('active');});\r\n document.getElementById('roc-lang-'+lang).classList.add('active');\r\n document.getElementById('roc-modal-reg').textContent = lang==='el' ? '\u0395\u0393\u0393\u03a1\u0391\u03a6\u0397 \u2197' : 'REGISTER \u2197';\r\n };\r\n\r\n \/* Canvas particles *\/\r\n var c=document.getElementById('roc-canvas'),ctx=c.getContext('2d');\r\n function rsz(){var r=c.parentElement.getBoundingClientRect();c.width=r.width||680;c.height=r.height||560;}\r\n rsz();\r\n var COLS=['rgba(96,165,250,','rgba(255,80,0,','rgba(255,255,255,'];\r\n function mkP(){return{x:Math.random()*c.width,y:Math.random()*c.height,r:Math.random()*1.5+0.3,vy:Math.random()*0.35+0.1,vx:(Math.random()-0.5)*0.2,a:Math.random()*0.4+0.08,col:COLS[Math.floor(Math.random()*COLS.length)],tw:Math.random()*Math.PI*2,ts:Math.random()*0.025+0.008};}\r\n var pts=Array.from({length:90},mkP),scanY=0;\r\n function frame(){\r\n ctx.clearRect(0,0,c.width,c.height);\r\n var sg=ctx.createLinearGradient(0,scanY-50,0,scanY+50);\r\n sg.addColorStop(0,'rgba(96,165,250,0)');sg.addColorStop(0.5,'rgba(96,165,250,0.03)');sg.addColorStop(1,'rgba(96,165,250,0)');\r\n ctx.fillStyle=sg;ctx.fillRect(0,scanY-50,c.width,100);\r\n scanY+=0.9;if(scanY>c.height+50)scanY=-50;\r\n pts.forEach(function(p){p.y-=p.vy;p.x+=p.vx;p.tw+=p.ts;if(p.y<-5){Object.assign(p,mkP());p.y=c.height+5;}var a=p.a*(0.65+0.35*Math.sin(p.tw));ctx.beginPath();ctx.arc(p.x,p.y,p.r,0,Math.PI*2);ctx.fillStyle=p.col+a+')';ctx.fill();});\r\n requestAnimationFrame(frame);\r\n }\r\n frame();\r\n\r\n document.addEventListener('keydown',function(e){if(e.key==='Escape'){document.getElementById('roc-popup-overlay').classList.remove('open');document.getElementById('roc-cal-dropdown').classList.remove('open');}});\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fe57ce9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"fe57ce9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-24d087a\" data-id=\"24d087a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bf99834 elementor-widget elementor-widget-html\" data-id=\"bf99834\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;500;600;700&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#roc-b {\r\n width: 100%;\r\n background: #121925;\r\n font-family: 'Barlow', sans-serif;\r\n color: #fff;\r\n padding: 52px 0 64px;\r\n}\r\n.rb-inner { max-width: 1400px; margin: 0 auto; padding: 0 32px; }\r\n\r\n.rb-eyebrow { font-size:10px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:rgba(255,255,255,0.25); margin-bottom:10px; }\r\n.rb-title { font-family:'Bebas Neue',sans-serif; font-size:40px; letter-spacing:3px; color:#fff; line-height:1; margin-bottom:6px; }\r\n.rb-title em { color:#60a5fa; font-style:normal; }\r\n.rb-sub { font-size:12px; font-weight:500; color:rgba(255,255,255,0.28); min-height:16px; }\r\n\r\n\/* \u2500\u2500 Layout \u2500\u2500 *\/\r\n.rb-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 300px;\r\n gap: 12px;\r\n margin-top: 36px;\r\n align-items: stretch;\r\n}\r\n\r\n\/* \u2500\u2500 Hero \u2500\u2500 *\/\r\n.rb-hero {\r\n background: rgba(255,255,255,0.025);\r\n border: 1px solid rgba(255,255,255,0.06);\r\n border-radius: 4px;\r\n padding: 36px 40px;\r\n display: flex;\r\n flex-direction: column;\r\n transition: opacity 0.18s ease;\r\n min-height: 240px;\r\n border-left-width: 3px;\r\n}\r\n.rb-hero-tag {\r\n display: flex; align-items: center; gap: 8px;\r\n font-size:10px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase;\r\n color:rgba(255,255,255,0.3); margin-bottom:22px;\r\n}\r\n.rb-hero-dot { width:7px; height:7px; border-radius:50%; flex-shrink:0; }\r\n\r\n.rb-hero-eyebrow { font-size:9px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:rgba(255,255,255,0.22); margin-bottom:8px; }\r\n\r\n.rb-hero-main { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:10px; }\r\n.rb-hero-round { font-family:'Bebas Neue',sans-serif; font-size:48px; letter-spacing:2px; line-height:1; color:#fff; }\r\n.rb-hero-reg {\r\n display:inline-flex; align-items:center;\r\n padding:11px 28px; border-radius:3px; flex-shrink:0;\r\n font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase;\r\n text-decoration:none; color:#000;\r\n transition:opacity 0.2s, transform 0.15s;\r\n margin-top:6px;\r\n}\r\n.rb-hero-reg:hover { opacity:0.8; transform:translateY(-1px); }\r\n\r\n.rb-hero-date { font-size:14px; font-weight:500; color:rgba(255,255,255,0.45); margin-bottom:4px; }\r\n.rb-hero-times { font-size:12px; font-weight:500; color:rgba(255,255,255,0.25); }\r\n\r\n.rb-hero-status {\r\n display:inline-flex; align-items:center; gap:6px;\r\n font-size:9px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;\r\n margin-top:18px;\r\n}\r\n.rb-hero-status-dot { width:5px; height:5px; border-radius:50%; flex-shrink:0; }\r\n.blink { animation: blink 1.4s ease-in-out infinite; }\r\n@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.2} }\r\n\r\n.rb-hero-divider { height:1px; background:rgba(255,255,255,0.05); margin: 20px 0 16px; }\r\n.rb-hero-finals { display:flex; align-items:center; gap:10px; }\r\n.rb-hero-finals-lbl { font-size:9px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(240,192,64,0.45); }\r\n.rb-hero-finals-val { font-size:12px; font-weight:600; color:rgba(255,255,255,0.3); }\r\n.rb-hero-finals-date { font-size:11px; color:rgba(255,255,255,0.2); margin-left:auto; }\r\n\r\n\/* \u2500\u2500 Sidebar \u2500\u2500 *\/\r\n.rb-sidebar { display:flex; flex-direction:column; gap:12px; }\r\n\r\n.rb-side-card {\r\n flex:1;\r\n background: rgba(255,255,255,0.02);\r\n border: 1px solid rgba(255,255,255,0.06);\r\n border-radius: 4px;\r\n padding: 22px 24px;\r\n cursor: pointer;\r\n transition: background 0.18s, border-color 0.18s;\r\n display: flex; flex-direction: column; justify-content: space-between;\r\n border-left-width: 2px;\r\n}\r\n.rb-side-card:hover { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.14); }\r\n\r\n.rb-side-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }\r\n.rb-side-game { display:flex; align-items:center; gap:7px; font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(255,255,255,0.35); }\r\n.rb-side-dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; }\r\n.rb-side-arrow { font-size:14px; color:rgba(255,255,255,0.18); transition:transform 0.2s, color 0.2s; }\r\n.rb-side-card:hover .rb-side-arrow { transform:translateX(3px); color:rgba(255,255,255,0.45); }\r\n\r\n.rb-side-round { font-family:'Bebas Neue',sans-serif; font-size:22px; letter-spacing:1.5px; color:rgba(255,255,255,0.6); line-height:1; margin-bottom:5px; }\r\n.rb-side-date { font-size:11px; font-weight:500; color:rgba(255,255,255,0.25); }\r\n\r\n.rb-side-status { display:inline-flex; align-items:center; gap:5px; font-size:9px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; margin-top:12px; }\r\n.rb-side-status-dot { width:4px; height:4px; border-radius:50%; }\r\n\r\n\/* \u2500\u2500 Loading \u2500\u2500 *\/\r\n.rb-loading { padding:24px 0; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:rgba(255,255,255,0.2); }\r\n\r\n\/* \u2500\u2500 Mobile \u2500\u2500 *\/\r\n@media (max-width: 700px) {\r\n .rb-layout { grid-template-columns:1fr; }\r\n .rb-hero { padding:28px 24px; }\r\n .rb-hero-round { font-size:36px; }\r\n .rb-hero-main { flex-direction:column; gap:16px; }\r\n .rb-inner { padding:0 20px; }\r\n #roc-b { padding:40px 0 52px; }\r\n .rb-title { font-size:32px; }\r\n .rb-sidebar { flex-direction:row; }\r\n .rb-side-card { flex:1; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"roc-b\">\r\n <div class=\"rb-inner\">\r\n <div class=\"rb-eyebrow\">Rise of Champions \u00b7 Season 1<\/div>\r\n <div class=\"rb-title\">Tournament <em>Schedule<\/em><\/div>\r\n <div class=\"rb-sub\" id=\"rb-sub\">Loading\u2026<\/div>\r\n\r\n <div class=\"rb-layout\">\r\n <div id=\"rb-hero\" class=\"rb-hero\"><div class=\"rb-loading\">\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7\u2026<\/div><\/div>\r\n <div id=\"rb-sidebar\" class=\"rb-sidebar\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n var CSV = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vRwYEJQQvu8A5aCzPtb_vlK-bUTSpKHNq1pGQo_IrScbTshZayVbwL1S6AMODASFA\/pub?gid=1751640218&single=true&output=csv';\r\n var GAME_KEYS = { 'EAFC26':'eafc','EAFC27':'eafc','eFootball':'ef','Rocket League':'rl' };\r\n var GAME_COLORS = { eafc:'#4ade80', rl:'#ff6b35', ef:'#00d4ff' };\r\n var GAME_LABELS = { eafc:'EA FC 26', rl:'Rocket League', ef:'eFOOTBALL' };\r\n var MONTHS = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];\r\n var _data = {}, _hero = 'eafc';\r\n var GAMES = ['eafc','rl','ef'];\r\n\r\n function parseCSV(txt) {\r\n return txt.trim().split('\\n').map(function(line) {\r\n var cols=[],cur='',q=false;\r\n for(var j=0;j<line.length;j++){var c=line[j];if(c==='\"')q=!q;else if(c===','&&!q){cols.push(cur.trim());cur='';}else cur+=c;}\r\n cols.push(cur.trim()); return cols;\r\n });\r\n }\r\n function parseDt(s) {\r\n if(!s)return null;\r\n var m=s.trim().match(\/^(\\d{1,2})\\\/(\\d{1,2})\\\/(\\d{2,4})$\/);\r\n if(m){var y=+m[3];if(y<100)y+=2000;return new Date(y,+m[2]-1,+m[1]);}\r\n var d=new Date(s);if(!isNaN(d))return d;\r\n d=new Date(s+', 2026');return isNaN(d)?null:d;\r\n }\r\n function fmtDate(s) {\r\n if(!s||s.toUpperCase()==='TBA')return 'TBA';\r\n return s.split(\/\u2192|->\/).map(function(p){var d=parseDt(p.trim());return d?d.getDate()+' '+MONTHS[d.getMonth()]:p.trim();}).join(' \u2192 ');\r\n }\r\n function isDone(s){var v=(s||'').toLowerCase().trim();return v==='completed'||v==='done';}\r\n function isOpen(s){var v=(s||'').toLowerCase().trim();return['open regist','open reg','register','open'].some(function(p){return v.indexOf(p)>=0;});}\r\n function isSoon(s){return(s||'').toLowerCase().trim()==='soon';}\r\n function isFinal(r){return(r||'').toUpperCase().indexOf('FINAL')>=0;}\r\n\r\n function getNextEv(game){\r\n var evs=_data[game]||[];\r\n return evs.find(function(e){return !isDone(e.status)&&!isFinal(e.round);})||null;\r\n }\r\n function getFinalsEv(game){\r\n var evs=_data[game]||[];\r\n return evs.find(function(e){return isFinal(e.round)&&!isDone(e.status);})||null;\r\n }\r\n\r\n function renderHero(animate) {\r\n var heroEl = document.getElementById('rb-hero');\r\n var color = GAME_COLORS[_hero];\r\n var label = GAME_LABELS[_hero];\r\n var ev = getNextEv(_hero);\r\n var fin = getFinalsEv(_hero);\r\n\r\n var open = ev && isOpen(ev.status);\r\n var soon = ev && isSoon(ev.status);\r\n var dotColor = open ? color : soon ? '#facc15' : 'rgba(255,255,255,0.2)';\r\n var statusTxt= open ? 'Open' : soon ? 'Soon' : ev ? 'Upcoming' : '\u2014';\r\n var times = ev ? [\r\n ev.checkin ? 'Check-in '+ev.checkin : '',\r\n ev.start ? 'Starts '+ev.start : ''\r\n ].filter(Boolean).join(' \u00b7 ') : '';\r\n\r\n var roundName = ev ? (ev.round||'').toUpperCase() : ((_data[_hero]||[]).every(function(e){return isDone(e.status);}) ? 'SEASON COMPLETE' : 'TBA');\r\n\r\n var html =\r\n '<div class=\"rb-hero-tag\"><span class=\"rb-hero-dot\" style=\"background:'+color+'\"><\/span>'+label+'<\/div>'\r\n +'<div class=\"rb-hero-eyebrow\">Next Up<\/div>'\r\n +'<div class=\"rb-hero-main\">'\r\n +'<div><div class=\"rb-hero-round\">'+roundName+'<\/div>'\r\n +(ev ? '<div class=\"rb-hero-date\">'+fmtDate(ev.date)+'<\/div>' : '')\r\n +(times ? '<div class=\"rb-hero-times\">'+times+'<\/div>' : '')\r\n +'<\/div>'\r\n +(open && ev && ev.link ? '<a class=\"rb-hero-reg\" href=\"'+ev.link+'\" target=\"_blank\" style=\"background:'+color+'\">Register \u2192<\/a>' : '')\r\n +'<\/div>'\r\n +(ev ? '<div class=\"rb-hero-status\" style=\"color:'+dotColor+'\"><div class=\"rb-hero-status-dot'+(open?' blink':'')+'\" style=\"background:'+dotColor+'\"><\/div>'+statusTxt+'<\/div>' : '')\r\n +'<div class=\"rb-hero-divider\"><\/div>'\r\n +'<div class=\"rb-hero-finals\">'\r\n +'<span class=\"rb-hero-finals-lbl\">\u2605 Final Stage<\/span>'\r\n +(fin\r\n ? '<span class=\"rb-hero-finals-val\" style=\"color:#f0c040\">'+(fin.round||'').toUpperCase()+'<\/span><span class=\"rb-hero-finals-date\">'+fmtDate(fin.date)+'<\/span>'\r\n : '<span class=\"rb-hero-finals-val\">TBA<\/span>')\r\n +'<\/div>';\r\n\r\n heroEl.style.borderLeftColor = color;\r\n\r\n if (animate) {\r\n heroEl.style.opacity = '0';\r\n setTimeout(function(){\r\n heroEl.innerHTML = html;\r\n heroEl.style.opacity = '1';\r\n }, 160);\r\n } else {\r\n heroEl.innerHTML = html;\r\n }\r\n }\r\n\r\n function renderSidebar() {\r\n var sideEl = document.getElementById('rb-sidebar');\r\n var sideGames = GAMES.filter(function(g){ return g !== _hero; });\r\n var html = '';\r\n\r\n sideGames.forEach(function(game) {\r\n var color = GAME_COLORS[game];\r\n var label = GAME_LABELS[game];\r\n var ev = getNextEv(game);\r\n var open = ev && isOpen(ev.status);\r\n var soon = ev && isSoon(ev.status);\r\n var dotColor = open ? color : soon ? '#facc15' : 'rgba(255,255,255,0.2)';\r\n var statusTxt= open ? 'Open' : soon ? 'Soon' : ev ? 'Upcoming' : 'Done';\r\n var roundName= ev ? (ev.round||'').toUpperCase() : 'TBA';\r\n\r\n html += '<div class=\"rb-side-card\" data-game=\"'+game+'\" style=\"border-left-color:'+color+'\">'\r\n +'<div>'\r\n +'<div class=\"rb-side-top\">'\r\n +'<div class=\"rb-side-game\"><span class=\"rb-side-dot\" style=\"background:'+color+'\"><\/span>'+label+'<\/div>'\r\n +'<span class=\"rb-side-arrow\">\u2192<\/span>'\r\n +'<\/div>'\r\n +'<div class=\"rb-side-round\">'+roundName+'<\/div>'\r\n +(ev ? '<div class=\"rb-side-date\">'+fmtDate(ev.date)+'<\/div>' : '')\r\n +'<\/div>'\r\n +'<div class=\"rb-side-status\" style=\"color:'+dotColor+'\">'\r\n +'<div class=\"rb-side-status-dot\" style=\"background:'+dotColor+'\"><\/div>'+statusTxt\r\n +'<\/div>'\r\n +'<\/div>';\r\n });\r\n\r\n sideEl.innerHTML = html;\r\n\r\n sideEl.querySelectorAll('.rb-side-card').forEach(function(card) {\r\n card.addEventListener('click', function() {\r\n var g = card.getAttribute('data-game');\r\n if (g === _hero) return;\r\n _hero = g;\r\n renderHero(true);\r\n renderSidebar();\r\n });\r\n });\r\n }\r\n\r\n function pickHero(all) {\r\n var openEv = all.find(function(e){ return isOpen(e.status); });\r\n if (openEv) return openEv.gameKey;\r\n var soonEv = all.find(function(e){ return isSoon(e.status); });\r\n if (soonEv) return soonEv.gameKey;\r\n return 'eafc';\r\n }\r\n\r\n function updateSub(all) {\r\n var sub = document.getElementById('rb-sub');\r\n var openEv = all.find(function(e){ return isOpen(e.status); });\r\n if (openEv) sub.textContent = '\u0395\u03b3\u03b3\u03c1\u03b1\u03c6\u03ad\u03c2 \u03b1\u03bd\u03bf\u03b9\u03c7\u03c4\u03ad\u03c2 \u00b7 '+(GAME_LABELS[openEv.gameKey]||'')+' \u00b7 '+(openEv.round||'').toUpperCase()+' \u00b7 '+fmtDate(openEv.date);\r\n else { var s=all.find(function(e){return isSoon(e.status);}); sub.textContent=s?'Coming Soon \u00b7 '+(GAME_LABELS[s.gameKey]||''):'Season 1 \u00b7 2026'; }\r\n }\r\n\r\n async function load() {\r\n try {\r\n var rows = parseCSV(await (await fetch(CSV)).text());\r\n var hr=0;\r\n for(var r=0;r<Math.min(rows.length,5);r++){if(rows[r].some(function(c){return c.toUpperCase()==='GAME';})){hr=r;break;}}\r\n var h=rows[hr].map(function(x){return x.toUpperCase().trim();});\r\n function ci(n){var i=h.indexOf(n);return i>=0?i:-1;}\r\n var iG=ci('GAME'),iE=ci('EVENT'),iR=ci('ROUND'),iD=ci('DATE'),\r\n iS=ci('STATUS'),iC=ci('CHECK IN'),iSt=ci('START'),iL=ci('TOURNAMENT LINK');\r\n if(iG<0)iG=3;if(iE<0)iE=2;if(iR<0)iR=4;if(iD<0)iD=5;\r\n if(iS<0)iS=6;if(iC<0)iC=9;if(iSt<0)iSt=10;if(iL<0)iL=11;\r\n\r\n var grp={eafc:[],rl:[],ef:[]}, all=[];\r\n for(var row=hr+1;row<rows.length;row++){\r\n var c=rows[row];if(!c||c.length<4)continue;\r\n var gk=GAME_KEYS[(c[iG]||'').trim()];if(!gk)continue;\r\n if((c[iE]||'').toLowerCase().indexOf('rise of champions')<0)continue;\r\n var ev={gameKey:gk,round:(c[iR]||'').trim(),date:(c[iD]||'').trim(),\r\n status:(c[iS]||'').trim(),checkin:(c[iC]||'').trim(),\r\n start:(c[iSt]||'').trim(),link:iL>=0?(c[iL]||'').trim():''};\r\n grp[gk].push(ev);all.push(ev);\r\n }\r\n _data=grp;\r\n _hero=pickHero(all);\r\n renderHero(false);\r\n renderSidebar();\r\n updateSub(all);\r\n } catch(e) {\r\n document.getElementById('rb-hero').innerHTML='<div class=\"rb-loading\" style=\"color:#f87171\">\u26a0\ufe0f \u0391\u03b4\u03c5\u03bd\u03b1\u03bc\u03af\u03b1 \u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7\u03c2.<\/div>';\r\n }\r\n }\r\n\r\n load();\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8cf2e9f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8cf2e9f\" data-element_type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6d050e2\" data-id=\"6d050e2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-23ebd8f elementor-widget elementor-widget-html\" data-id=\"23ebd8f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;700&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n#vgl-finals-widget {\r\n --fn-bg-card: #121925;\r\n --fn-border: rgba(255,255,255,0.06);\r\n --fn-border-soft: rgba(255,255,255,0.04);\r\n --fn-gold: #f0c040;\r\n --fn-ea: #4ade80;\r\n --fn-rl: #ff6b35;\r\n --fn-ef: #00d4ff;\r\n --fn-text: rgba(255,255,255,0.85);\r\n --fn-muted: rgba(255,255,255,0.28);\r\n font-family: 'Barlow', sans-serif;\r\n color: var(--fn-text);\r\n max-width: 960px;\r\n margin: 0 auto;\r\n padding: 30px 16px 60px;\r\n}\r\n#vgl-finals-widget * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n\/* \u2500\u2500 Header \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-header { text-align: center; margin-bottom: 32px; }\r\n#vgl-finals-widget .fn-header h1 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 2.2rem; font-weight: 400; letter-spacing: 3px;\r\n text-transform: uppercase; color: var(--fn-text);\r\n}\r\n#vgl-finals-widget .fn-header h1 span { color: var(--fn-gold); }\r\n#vgl-finals-widget .fn-header p {\r\n color: var(--fn-muted); font-size: 0.75rem; letter-spacing: 2px;\r\n text-transform: uppercase; margin-top: 6px; font-weight: 600;\r\n}\r\n\r\n\/* \u2500\u2500 Tabs \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-tabs {\r\n display: flex; gap: 5px; margin-bottom: 24px;\r\n justify-content: center; flex-wrap: nowrap;\r\n}\r\n#vgl-finals-widget .fn-tab {\r\n font-family: 'Barlow', sans-serif; font-size: 11px; font-weight: 700;\r\n letter-spacing: 1px; text-transform: uppercase;\r\n color: rgba(255,255,255,0.45); background: rgba(255,255,255,0.04);\r\n border: 0.5px solid rgba(255,255,255,0.10); padding: 8px 18px;\r\n border-radius: 20px; cursor: pointer; transition: all 0.18s;\r\n display: flex; align-items: center; gap: 6px;\r\n white-space: nowrap; flex-shrink: 0;\r\n}\r\n#vgl-finals-widget .fn-tab:hover { color: rgba(255,255,255,0.75); background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.2); }\r\n#vgl-finals-widget .fn-tab.act-eafc { background: rgba(74,222,128,0.08); border-color: rgba(74,222,128,0.4); color: var(--fn-ea); }\r\n#vgl-finals-widget .fn-tab.act-rl { background: rgba(255,107,53,0.08); border-color: rgba(255,107,53,0.4); color: var(--fn-rl); }\r\n#vgl-finals-widget .fn-tab.act-ef { background: rgba(0,212,255,0.08); border-color: rgba(0,212,255,0.4); color: var(--fn-ef); }\r\n#vgl-finals-widget .fn-tab-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }\r\n#vgl-finals-widget .fn-tab[data-g=\"eafc\"] .fn-tab-dot { background: var(--fn-ea); }\r\n#vgl-finals-widget .fn-tab[data-g=\"rl\"] .fn-tab-dot { background: var(--fn-rl); }\r\n#vgl-finals-widget .fn-tab[data-g=\"ef\"] .fn-tab-dot { background: var(--fn-ef); }\r\n\r\n\/* \u2500\u2500 Panels \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-panel { display: none; }\r\n#vgl-finals-widget .fn-panel.show { display: block; animation: fnFade .25s ease; }\r\n@keyframes fnFade { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }\r\n\r\n\/* \u2500\u2500 Table wrap (shared card style) \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-card {\r\n background: var(--fn-bg-card);\r\n border: 0.5px solid var(--fn-border);\r\n border-radius: 4px; overflow: hidden;\r\n background-image:\r\n linear-gradient(rgba(96,165,250,0.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(96,165,250,0.025) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n margin-bottom: 20px;\r\n}\r\n#vgl-finals-widget .fn-card-hdr {\r\n padding: 14px 24px 12px; border-bottom: 0.5px solid var(--fn-border);\r\n display: flex; align-items: center; gap: 12px;\r\n background: rgba(0,0,0,0.15);\r\n}\r\n#vgl-finals-widget .fn-card-hdr h2 {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 1.2rem;\r\n font-weight: 400; letter-spacing: 2px; text-transform: uppercase;\r\n color: var(--fn-gold);\r\n}\r\n\r\n\/* \u2500\u2500 Group standings \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-groups-wrap {\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr));\r\n \/* dividers between columns *\/\r\n divide-gap: 0;\r\n}\r\n\/* divider via box-shadow on each group block except last *\/\r\n#vgl-finals-widget .fn-group-block {\r\n padding: 16px 20px;\r\n border-right: 0.5px solid var(--fn-border);\r\n}\r\n#vgl-finals-widget .fn-group-block:last-child { border-right: none; }\r\n#vgl-finals-widget .fn-group-label {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 0.95rem; font-weight: 400; letter-spacing: 3px;\r\n text-transform: uppercase; color: var(--fn-gold);\r\n padding-bottom: 8px; margin-bottom: 4px;\r\n border-bottom: 0.5px solid rgba(240,192,64,0.2);\r\n}\r\n#vgl-finals-widget .fn-tbl { width: 100%; border-collapse: collapse; }\r\n#vgl-finals-widget .fn-tbl th {\r\n padding: 7px 10px; font-size: 0.6rem; font-weight: 700;\r\n letter-spacing: 1.5px; text-transform: uppercase; color: var(--fn-muted);\r\n text-align: center; border-bottom: 0.5px solid var(--fn-border-soft);\r\n background: rgba(0,0,0,0.15);\r\n}\r\n#vgl-finals-widget .fn-tbl th:nth-child(2) { text-align: left; padding-left: 4px; }\r\n#vgl-finals-widget .fn-tbl td {\r\n padding: 9px 10px; font-size: 0.82rem; font-weight: 600;\r\n text-align: center; border-bottom: 0.5px solid var(--fn-border-soft);\r\n color: var(--fn-muted);\r\n}\r\n#vgl-finals-widget .fn-tbl td:nth-child(1) { width: 28px; }\r\n#vgl-finals-widget .fn-tbl td:nth-child(2) { text-align: left; color: var(--fn-text); font-size: 0.88rem; padding-left: 4px; }\r\n#vgl-finals-widget .fn-tbl td:last-child { padding-right: 0; }\r\n#vgl-finals-widget .fn-tbl tr:last-child td { border-bottom: none; }\r\n#vgl-finals-widget .fn-tbl tr.q1 td:nth-child(2) { color: #fff; font-weight: 700; }\r\n#vgl-finals-widget .fn-tbl .fn-pts { color: var(--fn-gold) !important; font-family: 'Bebas Neue', sans-serif; font-size: 1rem; letter-spacing: 1px; }\r\n#vgl-finals-widget .fn-tbl .pos-1 { font-family: 'Bebas Neue', sans-serif; color: var(--fn-gold) !important; font-size: 1rem; }\r\n#vgl-finals-widget .fn-tbl .pos-2 { color: rgba(192,207,224,0.7) !important; }\r\n#vgl-finals-widget .fn-qual-dot {\r\n display: inline-block; width: 5px; height: 5px; border-radius: 50%;\r\n margin-right: 7px; vertical-align: middle; position: relative; top: -1px;\r\n}\r\n#vgl-finals-widget .fn-qual-dot.d1 { background: var(--fn-gold); }\r\n#vgl-finals-widget .fn-qual-dot.d2 { background: rgba(192,207,224,0.5); }\r\n\r\n\/* \u2500\u2500 Match cards \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-matches-wrap { padding: 16px; }\r\n#vgl-finals-widget .fn-matches-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }\r\n#vgl-finals-widget .fn-match {\r\n background: rgba(255,255,255,0.02); border: 0.5px solid var(--fn-border);\r\n border-radius: 4px; padding: 10px 14px;\r\n transition: background .15s;\r\n}\r\n#vgl-finals-widget .fn-match:hover { background: rgba(255,255,255,0.04); }\r\n#vgl-finals-widget .fn-match-grp {\r\n font-size: 0.6rem; color: var(--fn-muted); font-weight: 700;\r\n letter-spacing: 1.5px; text-transform: uppercase; text-align: center; margin-bottom: 8px;\r\n}\r\n#vgl-finals-widget .fn-match-row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; }\r\n#vgl-finals-widget .fn-match-team {\r\n font-size: 0.92rem; font-weight: 700; color: var(--fn-text);\r\n white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\r\n}\r\n#vgl-finals-widget .fn-match-team.h { text-align: right; }\r\n#vgl-finals-widget .fn-match-team.a { text-align: left; }\r\n#vgl-finals-widget .fn-match-player {\r\n font-size: 0.68rem; color: rgba(255,255,255,0.22); font-weight: 600;\r\n white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\r\n font-style: italic; display: block; margin-top: 2px;\r\n}\r\n#vgl-finals-widget .fn-match-player.h { text-align: right; }\r\n#vgl-finals-widget .fn-match-player.a { text-align: left; }\r\n#vgl-finals-widget .fn-score {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 1.05rem; letter-spacing: 1px;\r\n color: var(--fn-gold); text-align: center; white-space: nowrap;\r\n padding: 4px 10px; background: rgba(240,192,64,0.08);\r\n border: 0.5px solid rgba(240,192,64,0.25); border-radius: 3px; min-width: 52px;\r\n}\r\n#vgl-finals-widget .fn-time {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 0.95rem; letter-spacing: 1px;\r\n color: rgba(255,255,255,0.25); text-align: center;\r\n padding: 4px 10px; background: rgba(255,255,255,0.04);\r\n border: 0.5px solid var(--fn-border); border-radius: 3px; white-space: nowrap;\r\n}\r\n\r\n\/* \u2500\u2500 Pagination \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-pager {\r\n display: flex; align-items: center; justify-content: center; gap: 6px;\r\n padding: 14px 24px; border-top: 0.5px solid var(--fn-border);\r\n background: var(--fn-bg-card); border-radius: 0 0 4px 4px;\r\n}\r\n#vgl-finals-widget .fn-pg-btn {\r\n font-family: 'Barlow', sans-serif; font-size: 11px; font-weight: 700;\r\n letter-spacing: 0.5px; min-width: 34px; height: 34px; padding: 0 10px;\r\n border-radius: 8px; border: 0.5px solid rgba(255,255,255,0.10);\r\n background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.45);\r\n cursor: pointer; transition: all 0.18s; display: inline-flex; align-items: center; justify-content: center;\r\n}\r\n#vgl-finals-widget .fn-pg-btn:hover:not(:disabled) { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.8); }\r\n#vgl-finals-widget .fn-pg-btn.active { background: rgba(240,192,64,0.12); border-color: rgba(240,192,64,0.4); color: var(--fn-gold); }\r\n#vgl-finals-widget .fn-pg-btn:disabled { opacity: 0.2; cursor: default; }\r\n\r\n\/* \u2500\u2500 Qualified \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-qual-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); gap: 8px; padding: 16px; }\r\n#vgl-finals-widget .fn-qual-card {\r\n background: rgba(0,255,255,0.04); border: 0.5px solid rgba(0,255,255,0.15);\r\n border-radius: 4px; padding: 12px 16px; display: flex; align-items: center; gap: 10px;\r\n}\r\n#vgl-finals-widget .fn-qual-medal { font-size: 1.1rem; }\r\n#vgl-finals-widget .fn-qual-name { font-size: 0.88rem; font-weight: 700; color: #fff; }\r\n#vgl-finals-widget .fn-qual-grp { font-size: 0.62rem; color: var(--fn-muted); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-top: 2px; }\r\n\r\n\/* \u2500\u2500 Knockout \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-ko-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); gap: 10px; padding: 16px; }\r\n#vgl-finals-widget .fn-ko-card {\r\n background: rgba(240,192,64,0.04); border: 0.5px solid rgba(240,192,64,0.2);\r\n border-radius: 4px; padding: 14px 18px;\r\n}\r\n#vgl-finals-widget .fn-ko-label {\r\n font-size: 0.62rem; font-weight: 700; text-transform: uppercase;\r\n letter-spacing: 2px; color: var(--fn-gold); margin-bottom: 12px;\r\n font-family: 'Barlow', sans-serif;\r\n}\r\n#vgl-finals-widget .fn-ko-matchup { display: flex; align-items: center; gap: 10px; }\r\n#vgl-finals-widget .fn-ko-team {\r\n flex: 1; font-size: 0.9rem; font-weight: 700; color: var(--fn-text);\r\n text-align: center; word-break: break-word; line-height: 1.3;\r\n}\r\n#vgl-finals-widget .fn-ko-score {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 1.1rem; letter-spacing: 1px;\r\n color: var(--fn-gold); padding: 6px 12px;\r\n background: rgba(240,192,64,0.1); border: 0.5px solid rgba(240,192,64,0.25);\r\n border-radius: 3px; text-align: center; min-width: 52px;\r\n}\r\n#vgl-finals-widget .fn-ko-vs {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 0.9rem; letter-spacing: 1px;\r\n color: rgba(255,255,255,0.2); padding: 6px 12px;\r\n background: rgba(255,255,255,0.04); border: 0.5px solid var(--fn-border);\r\n border-radius: 3px; text-align: center; min-width: 52px;\r\n}\r\n#vgl-finals-widget .fn-ko-time {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 0.95rem; letter-spacing: 1px;\r\n color: rgba(255,255,255,0.3); padding: 6px 12px;\r\n background: rgba(255,255,255,0.04); border: 0.5px solid var(--fn-border);\r\n border-radius: 3px; text-align: center; min-width: 52px;\r\n}\r\n\r\n\/* \u2500\u2500 States \u2500\u2500 *\/\r\n#vgl-finals-widget .fn-loading {\r\n text-align: center; padding: 48px;\r\n color: var(--fn-muted); font-size: 0.8rem; letter-spacing: 2px; text-transform: uppercase;\r\n}\r\n#vgl-finals-widget .fn-spin {\r\n display: inline-block; width: 14px; height: 14px;\r\n border: 1.5px solid rgba(240,192,64,0.15); border-top-color: var(--fn-gold);\r\n border-radius: 50%; animation: fn-spin .8s linear infinite;\r\n vertical-align: middle; margin-right: 8px;\r\n}\r\n@keyframes fn-spin { to { transform: rotate(360deg); } }\r\n#vgl-finals-widget .fn-soon {\r\n text-align: center; padding: 60px 20px;\r\n font-family: 'Bebas Neue', sans-serif; font-size: 1.1rem;\r\n letter-spacing: 3px; color: rgba(255,255,255,0.15);\r\n}\r\n#vgl-finals-widget .fn-updated {\r\n text-align: right; font-size: 0.66rem; color: rgba(255,255,255,0.15);\r\n font-style: italic; margin-top: 16px; letter-spacing: 0.5px;\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media(max-width:600px){\r\n #vgl-finals-widget { padding: 24px 12px 40px; }\r\n #vgl-finals-widget .fn-header h1 { font-size: 1.6rem; }\r\n #vgl-finals-widget .fn-groups-wrap { grid-template-columns: 1fr; padding: 12px; }\r\n #vgl-finals-widget .fn-group-block { padding: 12px 14px; }\r\n #vgl-finals-widget .fn-matches-grid { grid-template-columns: 1fr; }\r\n #vgl-finals-widget .fn-ko-grid { grid-template-columns: 1fr; padding: 12px; }\r\n #vgl-finals-widget .fn-qual-grid { grid-template-columns: 1fr 1fr; padding: 12px; }\r\n #vgl-finals-widget .fn-tab { padding: 7px 12px; font-size: 10px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body data-rsssl=1 style=\"background:#0d1520\">\r\n\r\n<div id=\"vgl-finals-widget\" translate=\"no\" class=\"notranslate\">\r\n\r\n <div class=\"fn-header\">\r\n <h1>Final <span>Stage<\/span><\/h1>\r\n <p>Season 1 — Final Stage<\/p>\r\n <\/div>\r\n\r\n <div class=\"fn-tabs\">\r\n <button class=\"fn-tab\" data-g=\"eafc\" onclick=\"fnSwitch('eafc')\"><span class=\"fn-tab-dot\"><\/span>EA FC 26<\/button>\r\n <button class=\"fn-tab\" data-g=\"rl\" onclick=\"fnSwitch('rl')\"><span class=\"fn-tab-dot\"><\/span>Rocket League<\/button>\r\n <button class=\"fn-tab\" data-g=\"ef\" onclick=\"fnSwitch('ef')\"><span class=\"fn-tab-dot\"><\/span>eFOOTBALL<\/button>\r\n <\/div>\r\n\r\n <div class=\"fn-panel\" id=\"fn-eafc\">\r\n <div class=\"fn-card\"><div class=\"fn-soon\">\u23f3 Coming Soon<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"fn-panel\" id=\"fn-rl\">\r\n <div class=\"fn-loading\" id=\"fn-rl-load\"><span class=\"fn-spin\"><\/span>Loading data\u2026<\/div>\r\n <div id=\"fn-rl-body\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"fn-panel\" id=\"fn-ef\">\r\n <div class=\"fn-card\"><div class=\"fn-soon\">\u23f3 Coming Soon<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"fn-updated\" id=\"fn-ts\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* \u2500\u2500 TranslatePress guard \u2500\u2500 *\/\r\n(function(){\r\n const root = document.getElementById('vgl-finals-widget');\r\n if (!root) return;\r\n root.setAttribute('translate','no');\r\n root.classList.add('notranslate');\r\n new MutationObserver(muts => muts.forEach(m => m.addedNodes.forEach(n => {\r\n if (n.nodeType !== 1) return;\r\n n.setAttribute('translate','no'); n.classList.add('notranslate');\r\n n.querySelectorAll('*').forEach(el => { el.setAttribute('translate','no'); el.classList.add('notranslate'); });\r\n }))).observe(root, {childList:true, subtree:true});\r\n})();\r\n\r\nconst FN_SHEET = {\r\n rl: 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vQ7XPmTERn8ypG2cKhJPybs2ztp8zh5PDqS1EmIl-XnroKRjn_sScbb7ke79QcHkn6Txmn9pS7bBgT6\/pub?gid=1286950606&single=true&output=csv'\r\n};\r\nconst FN_LOADED = {};\r\nconst FN_PAGES = {};\r\nconst PER_PAGE = 4;\r\n\r\n\/* \u2500\u2500 Tab switch \u2500\u2500 *\/\r\nfunction fnSwitch(g) {\r\n document.querySelectorAll('#vgl-finals-widget .fn-tab').forEach(b => {\r\n b.className = 'fn-tab notranslate';\r\n if (b.dataset.g === g) b.classList.add('act-' + g);\r\n });\r\n document.querySelectorAll('#vgl-finals-widget .fn-panel').forEach(p => p.classList.remove('show'));\r\n document.getElementById('fn-'+g).classList.add('show');\r\n if (FN_SHEET[g] && !FN_LOADED[g]) fnFetch(g);\r\n}\r\n\r\n\/* \u2500\u2500 Fetch \u2500\u2500 *\/\r\nasync function fnFetch(g) {\r\n try {\r\n const r = await fetch(FN_SHEET[g] + '&_=' + Date.now());\r\n if (!r.ok) throw 0;\r\n FN_LOADED[g] = fnParse(await r.text());\r\n fnRender(g, FN_LOADED[g]);\r\n } catch {\r\n const el = document.getElementById('fn-'+g+'-load');\r\n if (el) el.innerHTML = '\u26a0\ufe0f Failed to load data.';\r\n }\r\n}\r\n\r\n\/* \u2500\u2500 CSV parser \u2500\u2500 *\/\r\nfunction fnCSVLine(line) {\r\n const res=[]; let cur='', q=false;\r\n for (let i=0; i<line.length; i++) {\r\n const c=line[i];\r\n if (c==='\"' && !q){q=true;continue}\r\n if (c==='\"' && q){q=false;continue}\r\n if (c===',' && !q){res.push(cur.trim());cur='';continue}\r\n cur+=c;\r\n }\r\n res.push(cur.trim()); return res;\r\n}\r\nfunction fnParse(txt) {\r\n const lines = txt.split('\\n').map(l=>l.replace(\/\\r$\/,''));\r\n const d = {updatedAt:'', groups:{}, groupMatches:[], qualified:[], knockout:[]};\r\n let sec=null, grp=null;\r\n for (const line of lines) {\r\n const c=fnCSVLine(line), f=c[0]||'';\r\n if (f.startsWith('Updated:')) { d.updatedAt=f.replace('Updated:','').trim(); continue; }\r\n if (c.every(x=>!x)) continue;\r\n if (['#','Pos','\u0397\u03bc\/\u03bd\u03af\u03b1'].some(h=>f.startsWith(h))) continue;\r\n if (f.includes('Knockout Stage')||(c[1]||'').includes('Knockout Stage')) { sec='knockout'; continue; }\r\n if (f.includes('Qualified')||(c[1]||'').includes('Qualified')) { sec='qualified'; continue; }\r\n if (f.startsWith('\ud83d\udcc5')||f.includes('\u0391\u03b3\u03ce\u03bd\u03b5\u03c2')||f.includes('Group Stage')) { sec='matches'; grp=null; continue; }\r\n const gm=f.match(\/^Group\\s+([A-Z])$\/i);\r\n if (gm) { grp='Group '+gm[1].toUpperCase(); if(!d.groups[grp]) d.groups[grp]=[]; sec='standings'; continue; }\r\n if (sec==='standings' && grp) {\r\n const pos=parseInt(f);\r\n if (!isNaN(pos) && c[1])\r\n d.groups[grp].push({pos,team:c[1],p:c[2]||'',w:c[3]||'',d_:c[4]||'',l:c[5]||'',gf:c[6]||'',ga:c[7]||'',gd:c[8]||'',pts:c[9]||'0'});\r\n }\r\n if (sec==='matches') {\r\n if (f && c[4] && c[6]) d.groupMatches.push({date:f,group:c[2]||'',home:c[4],away:c[6],score:c[8]||'',hp:'',ap:''});\r\n else if (!f && c[4] && d.groupMatches.length) { const l=d.groupMatches[d.groupMatches.length-1]; l.hp=c[4]; l.ap=c[6]||''; }\r\n }\r\n if (sec==='qualified' && c[1] && c[2] && f!=='Pos') d.qualified.push({pos:f,group:c[1],team:c[2]});\r\n if (sec==='knockout' && f && c[2] && c[5]) d.knockout.push({date:f,home:c[2],away:c[5],score:c[8]||''});\r\n }\r\n return d;\r\n}\r\n\r\n\/* \u2500\u2500 Renderer \u2500\u2500 *\/\r\nfunction fnRender(g, d) {\r\n const load = document.getElementById('fn-'+g+'-load');\r\n const body = document.getElementById('fn-'+g+'-body');\r\n if (load) load.style.display='none';\r\n if (!body) return;\r\n\r\n let h = '';\r\n const hasGroups = Object.keys(d.groups).length > 0;\r\n const hasMatches = d.groupMatches.length > 0;\r\n\r\n \/\/ \u2500\u2500 Side-by-side: groups LEFT, matches RIGHT \u2500\u2500\r\n if (hasGroups || hasMatches) {\r\n h += `<div class=\"fn-gs-layout notranslate\">`;\r\n\r\n \/\/ LEFT \u2014 groups stacked\r\n if (hasGroups) {\r\n h += `<div class=\"fn-gs-left notranslate\">\r\n <div class=\"fn-card notranslate\">\r\n <div class=\"fn-card-hdr\"><h2>\ud83d\udcca Group Stage \u2014 Standings<\/h2><\/div>`;\r\n Object.keys(d.groups).forEach(gk => {\r\n h += `<div class=\"fn-group-block notranslate\">\r\n <div class=\"fn-group-label\">\u2605 ${gk}<\/div>\r\n <table class=\"fn-tbl\"><thead><tr>\r\n <th>#<\/th><th>Team<\/th><th>P<\/th><th>W<\/th><th>D<\/th><th>L<\/th><th>GF<\/th><th>GA<\/th><th>GD<\/th><th>Pts<\/th>\r\n <\/tr><\/thead><tbody>`;\r\n d.groups[gk].forEach((t,i) => {\r\n const rc=i===0?'q1':'', pc=i===0?'pos-1':i===1?'pos-2':'';\r\n const dot=i<2?`<span class=\"fn-qual-dot ${i===0?'d1':'d2'}\"><\/span>`:'';\r\n h+=`<tr class=\"${rc} notranslate\"><td class=\"${pc}\">${t.pos}<\/td><td>${dot}${t.team}<\/td><td>${t.p}<\/td><td>${t.w}<\/td><td>${t.d_}<\/td><td>${t.l}<\/td><td>${t.gf}<\/td><td>${t.ga}<\/td><td>${t.gd}<\/td><td class=\"fn-pts\">${t.pts}<\/td><\/tr>`;\r\n });\r\n h += `<\/tbody><\/table><\/div>`;\r\n });\r\n h += `<\/div><\/div>`; \/\/ close card + fn-gs-left\r\n }\r\n\r\n \/\/ RIGHT \u2014 matches paginated\r\n if (hasMatches) {\r\n h += `<div class=\"fn-gs-right notranslate\">\r\n <div class=\"fn-card notranslate\">\r\n <div class=\"fn-card-hdr\"><h2>\ud83c\udfae Group Stage \u2014 Matches<\/h2><\/div>\r\n <div class=\"fn-matches-wrap notranslate\">\r\n <div id=\"fn-${g}-mgrid\" class=\"fn-matches-grid notranslate\"><\/div>\r\n <\/div>\r\n <div class=\"fn-pager notranslate\" id=\"fn-${g}-mpager\"><\/div>\r\n <\/div>\r\n <\/div>`;\r\n }\r\n\r\n h += `<\/div>`; \/\/ close fn-gs-layout\r\n }\r\n\r\n \/\/ Qualified\r\n const allPlayed = d.groupMatches.length>0 && d.groupMatches.every(m=>\/\\d+[-\u2013]\\d+\/.test(m.score));\r\n if (d.qualified.length && allPlayed) {\r\n h += `<div class=\"fn-card notranslate\" style=\"margin-bottom:20px\">\r\n <div class=\"fn-card-hdr\"><h2>\ud83d\udfe2 Qualified Teams<\/h2><\/div>\r\n <div class=\"fn-qual-grid notranslate\">`;\r\n d.qualified.forEach(q => {\r\n const medal=q.pos.includes('\ud83e\udd47')?'\ud83e\udd47':q.pos.includes('\ud83e\udd48')?'\ud83e\udd48':q.pos.includes('\ud83e\udd49')?'\ud83e\udd49':'\u2705';\r\n h+=`<div class=\"fn-qual-card notranslate\"><div class=\"fn-qual-medal\">${medal}<\/div><div><div class=\"fn-qual-name notranslate\">${q.team}<\/div><div class=\"fn-qual-grp notranslate\">${q.group}<\/div><\/div><\/div>`;\r\n });\r\n h += '<\/div><\/div>';\r\n }\r\n\r\n \/\/ Knockout\r\n if (d.knockout.length) {\r\n h += `<div class=\"fn-card notranslate\" style=\"margin-bottom:20px\">\r\n <div class=\"fn-card-hdr\"><h2>\u26a1 Knockout Stage<\/h2><\/div>\r\n <div class=\"fn-ko-grid notranslate\">`;\r\n d.knockout.forEach((m,i) => {\r\n const sc=m.score||'', isScore=\/\\d+[-\u2013]\\d+\/.test(sc), isTime=\/^\\d{2}:\\d{2}$\/.test(sc);\r\n const mid=isScore?`<div class=\"fn-ko-score notranslate\">${sc}<\/div>`:isTime?`<div class=\"fn-ko-time notranslate\">\ud83d\udd50 ${sc}<\/div>`:`<div class=\"fn-ko-vs notranslate\">VS<\/div>`;\r\n h+=`<div class=\"fn-ko-card notranslate\"><div class=\"fn-ko-label\">Semifinal ${i+1} \u00b7 ${m.date}<\/div><div class=\"fn-ko-matchup\"><div class=\"fn-ko-team notranslate\">${m.home}<\/div>${mid}<div class=\"fn-ko-team notranslate\">${m.away}<\/div><\/div><\/div>`;\r\n });\r\n h += '<\/div><\/div>';\r\n }\r\n\r\n if (!h) h='<div class=\"fn-card\"><div class=\"fn-soon\">No data found.<\/div><\/div>';\r\n body.innerHTML = h;\r\n if (d.updatedAt) document.getElementById('fn-ts').textContent = 'Last updated: ' + d.updatedAt;\r\n\r\n \/\/ Render paginated matches\r\n if (d.groupMatches.length) {\r\n FN_PAGES[g] = 1;\r\n fnMatchPage(g, d.groupMatches, 1);\r\n }\r\n}\r\n\r\nfunction fnMatchPage(g, matches, pg) {\r\n FN_PAGES[g] = pg;\r\n const total = matches.length, pages = Math.ceil(total\/PER_PAGE);\r\n const slice = matches.slice((pg-1)*PER_PAGE, pg*PER_PAGE);\r\n const grid = document.getElementById('fn-'+g+'-mgrid');\r\n const pager = document.getElementById('fn-'+g+'-mpager');\r\n if (!grid) return;\r\n\r\n let gHTML = '';\r\n slice.forEach(m => {\r\n const sc=m.score||'\u2014', isScore=\/\\d+[-\u2013]\\d+\/.test(sc);\r\n const hp=m.hp?`<span class=\"fn-match-player h notranslate\">${m.hp}<\/span>`:'';\r\n const ap=m.ap?`<span class=\"fn-match-player a notranslate\">${m.ap}<\/span>`:'';\r\n gHTML+=`<div class=\"fn-match notranslate\">\r\n <div class=\"fn-match-grp notranslate\">${m.group}<\/div>\r\n <div class=\"fn-match-row notranslate\">\r\n <div><div class=\"fn-match-team h notranslate\">${m.home}<\/div>${hp}<\/div>\r\n <div class=\"${isScore?'fn-score':'fn-time'} notranslate\">${sc}<\/div>\r\n <div><div class=\"fn-match-team a notranslate\">${m.away}<\/div>${ap}<\/div>\r\n <\/div>\r\n <\/div>`;\r\n });\r\n grid.innerHTML = gHTML;\r\n\r\n if (!pager) return;\r\n if (pages <= 1) { pager.style.display='none'; return; }\r\n pager.style.display = 'flex';\r\n let pH = `<button class=\"fn-pg-btn notranslate\" ${pg===1?'disabled':''} onclick=\"fnMatchPage('${g}',FN_LOADED['${g}'].groupMatches,${pg-1})\">\u2039<\/button>`;\r\n for (let i=1;i<=pages;i++)\r\n pH+=`<button class=\"fn-pg-btn notranslate ${i===pg?'active':''}\" onclick=\"fnMatchPage('${g}',FN_LOADED['${g}'].groupMatches,${i})\">${i}<\/button>`;\r\n pH+=`<button class=\"fn-pg-btn notranslate\" ${pg===pages?'disabled':''} onclick=\"fnMatchPage('${g}',FN_LOADED['${g}'].groupMatches,${pg+1})\">\u203a<\/button>`;\r\n pager.innerHTML = pH;\r\n}\r\n\r\n\/* \u2500\u2500 Init \u2500\u2500 *\/\r\nfnSwitch('rl');\r\nsetInterval(() => {\r\n Object.keys(FN_LOADED).forEach(g => { if (FN_SHEET[g]) { FN_LOADED[g]=null; fnFetch(g); } });\r\n}, 2*60*1000);\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-27a8b20 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"27a8b20\" data-element_type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-44ac92f\" data-id=\"44ac92f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4c3b20e elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"4c3b20e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;700&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n #rocRankWrap {\r\n --rk-bg-card: #121925;\r\n --rk-bg-hover: rgba(255,255,255,0.02);\r\n --rk-border: rgba(255,255,255,0.06);\r\n --rk-border-soft: rgba(255,255,255,0.04);\r\n --rk-gold: #f0c040;\r\n --rk-silver: #c0cfe0;\r\n --rk-bronze: #cd7f32;\r\n --rk-ef: #00d4ff;\r\n --rk-rl: #ff6b35;\r\n --rk-ea: #4ade80;\r\n --rk-text: rgba(255,255,255,0.85);\r\n --rk-muted: rgba(255,255,255,0.28);\r\n --rk-qf: #00ffff;\r\n font-family: 'Barlow', sans-serif;\r\n color: var(--rk-text);\r\n }\r\n\r\n #rocRankWrap .rk-wrapper { max-width: 960px; margin: 0 auto; padding: 30px 16px 60px; }\r\n #rocRankWrap .rk-header { text-align: center; margin-bottom: 32px; }\r\n #rocRankWrap .rk-header h1 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 2.2rem; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; color: var(--rk-text);\r\n }\r\n #rocRankWrap .rk-header h1 span { color: var(--rk-gold); }\r\n #rocRankWrap .rk-header p { color: var(--rk-muted); font-size: 0.75rem; letter-spacing: 2px; text-transform: uppercase; margin-top: 6px; font-weight: 600; }\r\n\r\n #rocRankWrap .rk-tab-nav { display: flex; gap: 5px; margin-bottom: 24px; justify-content: center; flex-wrap: nowrap; }\r\n #rocRankWrap .rk-tab-btn {\r\n font-family: 'Barlow', sans-serif;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.45);\r\n background: rgba(255,255,255,0.04);\r\n border: 0.5px solid rgba(255,255,255,0.10);\r\n padding: 8px 18px;\r\n border-radius: 20px;\r\n cursor: pointer;\r\n transition: all 0.18s;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n }\r\n #rocRankWrap .rk-tab-btn:hover { color: rgba(255,255,255,0.75); background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.2); }\r\n #rocRankWrap .rk-tab-btn.active[data-game=\"eafc\"] { background: rgba(74,222,128,0.08); border-color: rgba(74,222,128,0.4); color: #4ade80; }\r\n #rocRankWrap .rk-tab-btn.active[data-game=\"rl\"] { background: rgba(255,107,53,0.08); border-color: rgba(255,107,53,0.4); color: #ff6b35; }\r\n #rocRankWrap .rk-tab-btn.active[data-game=\"efootball\"] { background: rgba(0,212,255,0.08); border-color: rgba(0,212,255,0.4); color: #00d4ff; }\r\n\r\n #rocRankWrap .rk-tab-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }\r\n #rocRankWrap .rk-tab-btn[data-game=\"eafc\"] .rk-tab-dot { background: var(--rk-ea); }\r\n #rocRankWrap .rk-tab-btn[data-game=\"rl\"] .rk-tab-dot { background: var(--rk-rl); }\r\n #rocRankWrap .rk-tab-btn[data-game=\"efootball\"] .rk-tab-dot { background: var(--rk-ef); }\r\n\r\n #rocRankWrap .rk-tab-panel { display: none; }\r\n #rocRankWrap .rk-tab-panel.active { display: block; animation: rkFadeIn 0.25s ease; }\r\n @keyframes rkFadeIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }\r\n\r\n #rocRankWrap .rk-table-wrap {\r\n background: var(--rk-bg-card); border: 0.5px solid var(--rk-border);\r\n border-radius: 4px; overflow: hidden;\r\n background-image:\r\n linear-gradient(rgba(96,165,250,0.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(96,165,250,0.025) 1px, transparent 1px);\r\n background-size: 40px 40px; position: relative;\r\n }\r\n #rocRankWrap .rk-table-hdr {\r\n padding: 16px 24px 13px; border-bottom: 0.5px solid var(--rk-border);\r\n display: flex; align-items: center; gap: 12px; background: rgba(0,0,0,0.15);\r\n }\r\n #rocRankWrap .rk-table-hdr h2 { font-family: 'Bebas Neue', sans-serif; font-size: 1.3rem; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; }\r\n #rocRankWrap .rk-table-hdr h2.efootball { color: var(--rk-ef); }\r\n #rocRankWrap .rk-table-hdr h2.rl { color: var(--rk-rl); }\r\n #rocRankWrap .rk-table-hdr h2.eafc { color: var(--rk-ea); }\r\n\r\n #rocRankWrap .rk-col-hdr {\r\n display: grid; grid-template-columns: 56px 1fr 110px 80px;\r\n padding: 9px 24px; background: rgba(0,0,0,0.2); border-bottom: 0.5px solid var(--rk-border);\r\n }\r\n #rocRankWrap .rk-col-hdr span { font-size: 0.68rem; letter-spacing: 2px; text-transform: uppercase; color: var(--rk-muted); font-weight: 700; }\r\n #rocRankWrap .rk-col-hdr span:nth-child(3), #rocRankWrap .rk-col-hdr span:last-child { text-align: right; }\r\n\r\n #rocRankWrap .rk-row {\r\n display: grid; grid-template-columns: 56px 1fr 110px 80px;\r\n padding: 12px 24px; border-bottom: 0.5px solid var(--rk-border-soft);\r\n align-items: center; transition: background 0.15s;\r\n }\r\n #rocRankWrap .rk-row:last-child { border-bottom: none; }\r\n #rocRankWrap .rk-row:hover { background: var(--rk-bg-hover); }\r\n #rocRankWrap .rk-row.qf-row { background: rgba(0,255,255,0.04); border-bottom-color: rgba(0,255,255,0.08); }\r\n #rocRankWrap .rk-row.qf-row:hover { background: rgba(0,255,255,0.08); }\r\n\r\n #rocRankWrap .rk-num { font-family: 'Bebas Neue', sans-serif; font-size: 1.1rem; font-weight: 400; color: var(--rk-muted); letter-spacing: 1px; }\r\n #rocRankWrap .rk-row.top1 .rk-num { color: var(--rk-gold); font-size: 1.2rem; }\r\n #rocRankWrap .rk-row.top2 .rk-num { color: var(--rk-silver); }\r\n #rocRankWrap .rk-row.top3 .rk-num { color: var(--rk-bronze); }\r\n #rocRankWrap .rk-bold { color: rgba(255,255,255,0.85) !important; font-weight: 700; }\r\n\r\n #rocRankWrap .rk-name { font-size: 0.95rem; font-weight: 600; color: var(--rk-text); }\r\n #rocRankWrap .rk-name.qualified { color: #fff; font-weight: 700; }\r\n\r\n #rocRankWrap .rk-wr { text-align: right; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 0.95rem; }\r\n #rocRankWrap .rk-wr-val { color: rgba(255,255,255,0.7); }\r\n #rocRankWrap .rk-wr-na { color: var(--rk-muted); opacity: 0.4; font-size: 0.8rem; }\r\n\r\n #rocRankWrap .rk-pts { text-align: right; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 1.1rem; letter-spacing: 1px; }\r\n #rocRankWrap .rk-pts-num.efootball { color: var(--rk-ef); }\r\n #rocRankWrap .rk-pts-num.rl { color: var(--rk-rl); }\r\n #rocRankWrap .rk-pts-num.eafc { color: var(--rk-ea); }\r\n #rocRankWrap .rk-pts-qf {\r\n color: #00ffff; font-size: 0.65rem; background: rgba(0,255,255,0.08);\r\n border: 0.5px solid rgba(0,255,255,0.25); padding: 3px 8px; border-radius: 2px;\r\n letter-spacing: 2px; display: inline-block; font-family: 'Bebas Neue', sans-serif;\r\n }\r\n\r\n #rocRankWrap .rk-divider {\r\n padding: 7px 24px; background: rgba(0,255,255,0.04);\r\n border-top: 0.5px solid rgba(0,255,255,0.12); border-bottom: 0.5px solid rgba(0,255,255,0.12);\r\n font-size: 0.63rem; letter-spacing: 3px; text-transform: uppercase;\r\n color: rgba(255,255,255,0.35); font-weight: 700; display: flex; align-items: center; gap: 10px;\r\n }\r\n #rocRankWrap .rk-divider::after { content:''; flex:1; height:1px; background: rgba(0,255,255,0.12); }\r\n\r\n #rocRankWrap .rk-search-wrap { margin-bottom: 10px; position: relative; }\r\n #rocRankWrap .rk-search {\r\n width: 100%; background: var(--rk-bg-card); border: 0.5px solid rgba(255,255,255,0.08);\r\n border-radius: 2px; color: var(--rk-text); font-family: 'Barlow', sans-serif;\r\n font-size: 0.9rem; font-weight: 600; padding: 10px 16px 10px 40px; outline: none;\r\n transition: border-color 0.2s; box-sizing: border-box;\r\n }\r\n #rocRankWrap .rk-search::placeholder { color: var(--rk-muted); }\r\n #rocRankWrap .rk-search:focus { border-color: rgba(96,165,250,0.35); }\r\n #rocRankWrap .rk-search-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--rk-muted); pointer-events: none; font-size: 14px; }\r\n\r\n #rocRankWrap .rk-pager {\r\n display: flex; align-items: center; justify-content: center; gap: 6px;\r\n padding: 14px 24px; border-top: 0.5px solid var(--rk-border);\r\n background: var(--rk-bg-card); border-radius: 0 0 4px 4px;\r\n }\r\n #rocRankWrap .rk-pg-btn {\r\n font-family: 'Barlow', sans-serif; font-size: 11px; font-weight: 700;\r\n letter-spacing: 0.5px; min-width: 34px; height: 34px; padding: 0 10px;\r\n border-radius: 8px; border: 0.5px solid rgba(255,255,255,0.10);\r\n background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.45);\r\n cursor: pointer; transition: all 0.18s; display: flex; align-items: center; justify-content: center;\r\n }\r\n #rocRankWrap .rk-pg-btn:hover:not(:disabled) { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.8); }\r\n #rocRankWrap .rk-pg-btn.active { background: rgba(96,165,250,0.12); border-color: rgba(96,165,250,0.4); color: #60a5fa; }\r\n #rocRankWrap .rk-pg-btn:disabled { opacity: 0.2; cursor: default; }\r\n #rocRankWrap .rk-pg-info { font-family: 'Barlow', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 0 4px; }\r\n\r\n @media(max-width:600px) {\r\n #rocRankWrap .rk-col-hdr, #rocRankWrap .rk-row { grid-template-columns: 36px 1fr 72px 52px; padding-left: 12px; padding-right: 12px; }\r\n #rocRankWrap .rk-header h1 { font-size: 1.5rem; }\r\n #rocRankWrap .rk-name { font-size: 0.82rem; }\r\n #rocRankWrap .rk-pts { font-size: 0.9rem; }\r\n #rocRankWrap .rk-wr { font-size: 0.82rem; }\r\n #rocRankWrap .rk-num { font-size: 0.9rem; }\r\n #rocRankWrap .rk-pts-qf { font-size: 0.55rem; padding: 2px 5px; letter-spacing: 1px; }\r\n }\r\n @media(max-width:400px) {\r\n #rocRankWrap .rk-tab-btn { padding: 7px 12px; font-size: 10px; gap: 5px; }\r\n #rocRankWrap .rk-col-hdr, #rocRankWrap .rk-row { grid-template-columns: 32px 1fr 64px 46px; padding-left: 10px; padding-right: 10px; }\r\n }\r\n<\/style>\r\n\r\n<div id=\"rocRankWrap\">\r\n <div class=\"rk-wrapper\">\r\n\r\n <div class=\"rk-header\">\r\n <h1>RoC <span>Seasonal<\/span> Rankings<\/h1>\r\n <p>Season 1 — Consistency Leaderboard<\/p>\r\n <\/div>\r\n\r\n <div class=\"rk-tab-nav\">\r\n <button class=\"rk-tab-btn active\" data-game=\"eafc\"><span class=\"rk-tab-dot\"><\/span> EA FC 26<\/button>\r\n <button class=\"rk-tab-btn\" data-game=\"rl\"><span class=\"rk-tab-dot\"><\/span> Rocket League<\/button>\r\n <button class=\"rk-tab-btn\" data-game=\"efootball\"><span class=\"rk-tab-dot\"><\/span> eFOOTBALL<\/button>\r\n <\/div>\r\n\r\n <div class=\"rk-tab-panel active\" id=\"rk-panel-eafc\">\r\n <div class=\"rk-search-wrap\">\r\n <span class=\"rk-search-icon\">\ud83d\udd0d<\/span>\r\n <input class=\"rk-search\" type=\"text\" placeholder=\"\u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7...\" data-game=\"eafc\">\r\n <\/div>\r\n <div class=\"rk-table-wrap\">\r\n <div class=\"rk-table-hdr\"><h2 class=\"eafc\">EA FC 26<\/h2><\/div>\r\n <div class=\"rk-col-hdr\"><span><\/span><span>Participant<\/span><span>\u03a3\u03b7\u03bc\u03b5\u03af\u03b1<\/span><span>Win %<\/span><\/div>\r\n <div id=\"rk-rows-eafc\"><\/div>\r\n <\/div>\r\n <div class=\"rk-pager\" id=\"rk-pager-eafc\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rk-tab-panel\" id=\"rk-panel-rl\">\r\n <div class=\"rk-search-wrap\">\r\n <span class=\"rk-search-icon\">\ud83d\udd0d<\/span>\r\n <input class=\"rk-search\" type=\"text\" placeholder=\"\u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03bf\u03bc\u03ac\u03b4\u03b1\u03c2...\" data-game=\"rl\">\r\n <\/div>\r\n <div class=\"rk-table-wrap\">\r\n <div class=\"rk-table-hdr\"><h2 class=\"rl\">Rocket League<\/h2><\/div>\r\n <div class=\"rk-col-hdr\"><span><\/span><span>\u039f\u03bc\u03ac\u03b4\u03b1<\/span><span>\u03a3\u03b7\u03bc\u03b5\u03af\u03b1<\/span><span>Win %<\/span><\/div>\r\n <div id=\"rk-rows-rl\"><\/div>\r\n <\/div>\r\n <div class=\"rk-pager\" id=\"rk-pager-rl\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"rk-tab-panel\" id=\"rk-panel-efootball\">\r\n <div class=\"rk-search-wrap\">\r\n <span class=\"rk-search-icon\">\ud83d\udd0d<\/span>\r\n <input class=\"rk-search\" type=\"text\" placeholder=\"\u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03c0\u03b1\u03af\u03ba\u03c4\u03b7...\" data-game=\"efootball\">\r\n <\/div>\r\n <div class=\"rk-table-wrap\">\r\n <div class=\"rk-table-hdr\"><h2 class=\"efootball\">eFOOTBALL<\/h2><\/div>\r\n <div class=\"rk-col-hdr\"><span><\/span><span>Participant<\/span><span>\u03a3\u03b7\u03bc\u03b5\u03af\u03b1<\/span><span>Win %<\/span><\/div>\r\n <div id=\"rk-rows-efootball\"><\/div>\r\n <\/div>\r\n <div class=\"rk-pager\" id=\"rk-pager-efootball\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n var SUPABASE_URL = 'https:\/\/yvzhzxhqbyebblqebxja.supabase.co';\r\n var SUPABASE_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl2emh6eGhxYnllYmJscWVieGphIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzgyNzkzNjUsImV4cCI6MjA5Mzg1NTM2NX0.uhtM7kTsaJhcsD4ZdeggabcMn3wsrtgNLehB3taPhP4';\r\n var PAGE_DESKTOP = 22;\r\n var PAGE_MOBILE = 16;\r\n var allData = { efootball: [], rl: [], eafc: [] };\r\n var pages = { efootball: 1, rl: 1, eafc: 1 };\r\n\r\n function pageSize() { return window.innerWidth <= 600 ? PAGE_MOBILE : PAGE_DESKTOP; }\r\n\r\n function boldClass(game, rank) {\r\n if (game === 'eafc' && rank <= 16) return 'rk-bold';\r\n if ((game === 'rl' || game === 'efootball') && rank <= 8) return 'rk-bold';\r\n return '';\r\n }\r\n\r\n function fmtWR(wr) {\r\n if (wr === null || wr === undefined || wr === '' || wr === 'null')\r\n return '<span class=\"rk-wr-na\">\u2014<\/span>';\r\n var s = String(wr).trim();\r\n return '<span class=\"rk-wr-val\">' + (s.endsWith('%') ? s : s + '%') + '<\/span>';\r\n }\r\n\r\n function parseWR(wr) {\r\n if (!wr || wr === 'null') return -1;\r\n return parseFloat(String(wr).replace('%','')) || -1;\r\n }\r\n\r\n function renderRows(game, data) {\r\n var container = document.getElementById('rk-rows-' + game);\r\n var pager = document.getElementById('rk-pager-' + game);\r\n var ps = pageSize();\r\n var pg = pages[game];\r\n\r\n var qfRows = data.filter(function(r){ return r[2] === 'QF'; });\r\n var nonQFRows = data.filter(function(r){ return r[2] !== 'QF'; });\r\n qfRows.sort(function(a,b){ return parseWR(b[3]) - parseWR(a[3]); });\r\n\r\n var topRanks = [];\r\n nonQFRows.forEach(function(r){ if (topRanks.indexOf(r[0]) === -1) topRanks.push(r[0]); });\r\n topRanks = topRanks.slice(0,3);\r\n\r\n var qfCount = qfRows.length;\r\n var p1nonQF = Math.max(0, ps - qfCount);\r\n var totalPages = 1 + Math.ceil(Math.max(0, nonQFRows.length - p1nonQF) \/ ps);\r\n pg = Math.min(pg, totalPages);\r\n pages[game] = pg;\r\n\r\n var isP1 = pg === 1;\r\n var offset = isP1 ? 0 : p1nonQF + (pg - 2) * ps;\r\n var sliceSize= isP1 ? p1nonQF : ps;\r\n var slice = nonQFRows.slice(offset, offset + sliceSize);\r\n\r\n var html = '';\r\n if (isP1) {\r\n qfRows.forEach(function(row, idx) {\r\n html += '<div class=\"rk-row qf-row\">' +\r\n '<div class=\"rk-num\" style=\"color:#00ffff\">' + (idx+1) + '<\/div>' +\r\n '<div class=\"rk-name qualified\">' + row[1] + '<\/div>' +\r\n '<div class=\"rk-pts\"><span class=\"rk-pts-qf\">\u2726 QF<\/span><\/div>' +\r\n '<div class=\"rk-wr\">' + fmtWR(row[3]) + '<\/div>' +\r\n '<\/div>';\r\n });\r\n if (qfRows.length > 0)\r\n html += '<div class=\"rk-divider\">Overall Ranking<\/div>';\r\n }\r\n\r\n slice.forEach(function(row) {\r\n var rank = row[0], name = row[1], pts = row[2], wr = row[3];\r\n var rc = '';\r\n if (topRanks[0] === rank) rc = 'top1';\r\n else if (topRanks[1] === rank) rc = 'top2';\r\n else if (topRanks[2] === rank) rc = 'top3';\r\n html += '<div class=\"rk-row ' + rc + '\">' +\r\n '<div class=\"rk-num ' + boldClass(game, rank) + '\">' + rank + '<\/div>' +\r\n '<div class=\"rk-name\">' + name + '<\/div>' +\r\n '<div class=\"rk-pts\"><span class=\"rk-pts-num ' + game + '\">' + pts + '<\/span><\/div>' +\r\n '<div class=\"rk-wr\">' + fmtWR(wr) + '<\/div>' +\r\n '<\/div>';\r\n });\r\n\r\n container.innerHTML = html;\r\n\r\n if (totalPages <= 1) { pager.style.display = 'none'; return; }\r\n pager.style.display = 'flex';\r\n\r\n var ph = '';\r\n ph += '<button class=\"rk-pg-btn\" data-game=\"' + game + '\" data-pg=\"prev\" ' + (pg===1?'disabled':'') + '>\u2039<\/button>';\r\n for (var i = 1; i <= totalPages; i++) {\r\n ph += '<button class=\"rk-pg-btn' + (i===pg?' active':'') + '\" data-game=\"' + game + '\" data-pg=\"' + i + '\">' + i + '<\/button>';\r\n }\r\n ph += '<button class=\"rk-pg-btn\" data-game=\"' + game + '\" data-pg=\"next\" ' + (pg===totalPages?'disabled':'') + '>\u203a<\/button>';\r\n pager.innerHTML = ph;\r\n\r\n pager.querySelectorAll('.rk-pg-btn').forEach(function(btn) {\r\n btn.addEventListener('click', function() {\r\n var g = btn.getAttribute('data-game');\r\n var v = btn.getAttribute('data-pg');\r\n var cur = pages[g];\r\n var tot = totalPages;\r\n if (v === 'prev') pages[g] = Math.max(1, cur - 1);\r\n else if (v === 'next') pages[g] = Math.min(tot, cur + 1);\r\n else pages[g] = parseInt(v);\r\n renderRows(g, allData[g]);\r\n var panel = document.getElementById('rk-panel-' + g);\r\n if (panel) panel.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n });\r\n });\r\n }\r\n\r\n function filterTable(game, query) {\r\n var q = query.toLowerCase().trim();\r\n var filtered = q ? allData[game].filter(function(r){ return r[1].toLowerCase().includes(q); }) : allData[game];\r\n pages[game] = 1;\r\n renderRows(game, filtered);\r\n }\r\n\r\n document.querySelectorAll('#rocRankWrap .rk-tab-btn').forEach(function(btn) {\r\n btn.addEventListener('click', function() {\r\n var game = btn.getAttribute('data-game');\r\n document.querySelectorAll('#rocRankWrap .rk-tab-panel').forEach(function(p){ p.classList.remove('active'); });\r\n document.querySelectorAll('#rocRankWrap .rk-tab-btn').forEach(function(b){ b.classList.remove('active'); });\r\n document.getElementById('rk-panel-' + game).classList.add('active');\r\n btn.classList.add('active');\r\n });\r\n });\r\n\r\n document.querySelectorAll('#rocRankWrap .rk-search').forEach(function(input) {\r\n input.addEventListener('input', function() {\r\n filterTable(input.getAttribute('data-game'), input.value);\r\n });\r\n });\r\n\r\n async function loadGame(game) {\r\n var container = document.getElementById('rk-rows-' + game);\r\n container.innerHTML = '<div style=\"text-align:center;padding:30px;color:rgba(255,255,255,0.2);font-size:0.85rem;letter-spacing:1.5px;text-transform:uppercase\">\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7...<\/div>';\r\n try {\r\n var res = await fetch(SUPABASE_URL + '\/rest\/v1\/rankings?game=eq.' + game + '&order=id.asc&select=rank_pos,player_name,points,win_rate', {\r\n headers: { 'apikey': SUPABASE_KEY, 'Authorization': 'Bearer ' + SUPABASE_KEY }\r\n });\r\n var rows = await res.json();\r\n if (!rows || rows.length === 0) {\r\n container.innerHTML = '<div style=\"text-align:center;padding:30px;color:rgba(255,255,255,0.2);font-size:0.85rem\">\u0394\u03b5\u03bd \u03b2\u03c1\u03ad\u03b8\u03b7\u03ba\u03b1\u03bd \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1.<\/div>';\r\n return;\r\n }\r\n allData[game] = rows.map(function(r) {\r\n return [\r\n isNaN(Number(r.rank_pos)) ? r.rank_pos : Number(r.rank_pos),\r\n r.player_name,\r\n isNaN(Number(r.points)) ? r.points : Number(r.points),\r\n r.win_rate ?? null\r\n ];\r\n });\r\n renderRows(game, allData[game]);\r\n } catch(e) {\r\n container.innerHTML = '<div style=\"text-align:center;padding:20px;color:#ff6b6b;font-size:0.82rem\">\u26a0\ufe0f \u0391\u03b4\u03c5\u03bd\u03b1\u03bc\u03af\u03b1 \u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7\u03c2. \u0391\u03bd\u03b1\u03bd\u03ad\u03c9\u03c3\u03b5 \u03c4\u03b7 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1.<\/div>';\r\n }\r\n }\r\n\r\n ['efootball','rl','eafc'].forEach(loadGame);\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-dcd03cb\" data-id=\"dcd03cb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bc05c47 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"bc05c47\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;700&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body data-rsssl=1 style=\"background:#0a0f1a;margin:0;padding:0;\">\r\n<style>\r\n :root {\r\n --fmt-bg-card: #121925;\r\n --fmt-border: rgba(255,255,255,0.06);\r\n --fmt-border-soft: rgba(255,255,255,0.04);\r\n --fmt-gold: #f0c040;\r\n --fmt-accent-ef: #00d4ff;\r\n --fmt-accent-rl: #ff6b35;\r\n --fmt-accent-ea: #4ade80;\r\n --fmt-text: rgba(255,255,255,0.85);\r\n --fmt-muted: rgba(255,255,255,0.28);\r\n }\r\n #rocFmtWrap * { box-sizing: border-box; }\r\n #rocFmtWrap {\r\n font-family: 'Barlow', sans-serif;\r\n color: var(--fmt-text);\r\n width: 100%; max-width: 960px;\r\n margin: 0 auto; padding: 30px 16px 60px;\r\n }\r\n #rocFmtWrap .fmt-tab-panel { display: none; width: 100%; }\r\n #rocFmtWrap .fmt-tab-panel.active { display: block; animation: fmtFadeIn 0.25s ease; }\r\n @keyframes fmtFadeIn { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }\r\n\r\n \/* HEADER *\/\r\n #rocFmtWrap .fmt-header { text-align:center; margin-bottom:32px; }\r\n #rocFmtWrap .fmt-header h1 { font-family:'Bebas Neue',sans-serif; font-size:2.2rem; font-weight:400; letter-spacing:3px; text-transform:uppercase; color:var(--fmt-text); }\r\n #rocFmtWrap .fmt-header h1 span { color:var(--fmt-gold); }\r\n #rocFmtWrap .fmt-header p { color:var(--fmt-muted); font-size:0.75rem; letter-spacing:2px; text-transform:uppercase; margin-top:6px; font-weight:600; }\r\n\r\n \/* TABS *\/\r\n #rocFmtWrap .fmt-tab-nav { display:flex; gap:6px; margin-bottom:24px; justify-content:center; flex-wrap:nowrap; }\r\n #rocFmtWrap .fmt-tab-btn {\r\n font-family:'Barlow',sans-serif; font-size:11px; font-weight:700;\r\n letter-spacing:1px; text-transform:uppercase;\r\n color:rgba(255,255,255,0.45); background:rgba(255,255,255,0.04);\r\n border:0.5px solid rgba(255,255,255,0.10);\r\n padding:8px 18px; border-radius:20px; cursor:pointer;\r\n transition:all 0.18s; display:flex; align-items:center; gap:6px;\r\n white-space:nowrap; flex-shrink:0;\r\n }\r\n #rocFmtWrap .fmt-tab-btn:hover { color:rgba(255,255,255,0.75); background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.2); }\r\n #rocFmtWrap .fmt-tab-btn.active[data-game=\"eafc\"] { background:rgba(74,222,128,0.08); border-color:rgba(74,222,128,0.4); color:var(--fmt-accent-ea); }\r\n #rocFmtWrap .fmt-tab-btn.active[data-game=\"rl\"] { background:rgba(255,107,53,0.08); border-color:rgba(255,107,53,0.4); color:var(--fmt-accent-rl); }\r\n #rocFmtWrap .fmt-tab-btn.active[data-game=\"efootball\"] { background:rgba(0,212,255,0.08); border-color:rgba(0,212,255,0.4); color:var(--fmt-accent-ef); }\r\n #rocFmtWrap .fmt-tab-dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; }\r\n #rocFmtWrap .fmt-tab-btn[data-game=\"eafc\"] .fmt-tab-dot { background:var(--fmt-accent-ea); }\r\n #rocFmtWrap .fmt-tab-btn[data-game=\"rl\"] .fmt-tab-dot { background:var(--fmt-accent-rl); }\r\n #rocFmtWrap .fmt-tab-btn[data-game=\"efootball\"] .fmt-tab-dot { background:var(--fmt-accent-ef); }\r\n @media(max-width:400px) {\r\n #rocFmtWrap .fmt-tab-btn { padding:7px 12px; font-size:10px; gap:5px; }\r\n #rocFmtWrap .fmt-tab-dot { width:5px; height:5px; }\r\n }\r\n\r\n \/* CARD *\/\r\n #rocFmtWrap .fmt-card {\r\n background:var(--fmt-bg-card); border:0.5px solid var(--fmt-border);\r\n border-radius:4px; overflow:hidden; width:100%;\r\n background-image: linear-gradient(rgba(96,165,250,0.025) 1px,transparent 1px), linear-gradient(90deg,rgba(96,165,250,0.025) 1px,transparent 1px);\r\n background-size:40px 40px;\r\n }\r\n #rocFmtWrap .fmt-card-hdr {\r\n padding:14px 20px; border-bottom:0.5px solid var(--fmt-border);\r\n background:rgba(0,0,0,0.15); display:flex; align-items:center; gap:12px;\r\n }\r\n #rocFmtWrap .fmt-card-hdr h2 { font-family:'Bebas Neue',sans-serif; font-size:1.3rem; font-weight:400; letter-spacing:2px; text-transform:uppercase; margin:0; padding:0; }\r\n #rocFmtWrap .fmt-card-hdr h2.eafc { color:var(--fmt-accent-ea); }\r\n #rocFmtWrap .fmt-card-hdr h2.rl { color:var(--fmt-accent-rl); }\r\n #rocFmtWrap .fmt-card-hdr h2.efootball { color:var(--fmt-accent-ef); }\r\n #rocFmtWrap .fmt-card-hdr::after { content:''; display:block; height:2px; width:32px; border-radius:1px; background:var(--fmt-accent); margin-left:auto; opacity:0.6; }\r\n #rocFmtWrap .panel-eafc .fmt-card-hdr { --fmt-accent:var(--fmt-accent-ea); }\r\n #rocFmtWrap .panel-rl .fmt-card-hdr { --fmt-accent:var(--fmt-accent-rl); }\r\n #rocFmtWrap .panel-ef .fmt-card-hdr { --fmt-accent:var(--fmt-accent-ef); }\r\n\r\n #rocFmtWrap .fmt-body { padding:20px; display:flex; flex-direction:column; gap:20px; }\r\n\r\n \/* SEC LABEL *\/\r\n #rocFmtWrap .sec-label {\r\n font-size:0.63rem; letter-spacing:3px; text-transform:uppercase;\r\n color:var(--fmt-accent); font-weight:700;\r\n display:flex; align-items:center; gap:10px; margin-bottom:8px; opacity:0.75;\r\n }\r\n #rocFmtWrap .sec-label::after { content:''; flex:1; height:1px; background:var(--fmt-border); }\r\n\r\n \/* RANKING *\/\r\n #rocFmtWrap .rank-rows { display:flex; flex-direction:column; gap:4px; }\r\n #rocFmtWrap .rank-row { display:flex; align-items:center; justify-content:space-between; padding:9px 12px; background:rgba(255,255,255,0.02); border:0.5px solid var(--fmt-border-soft); border-radius:2px; font-size:0.88rem; }\r\n #rocFmtWrap .rank-pos { color:var(--fmt-muted); font-size:0.72rem; letter-spacing:1.5px; text-transform:uppercase; font-weight:700; }\r\n #rocFmtWrap .rank-val { font-weight:600; color:var(--fmt-text); }\r\n #rocFmtWrap .rank-row.rank-top { background:rgba(240,192,64,0.04); border-color:rgba(240,192,64,0.18); border-left:2px solid var(--fmt-gold); }\r\n #rocFmtWrap .rank-row.rank-top .rank-pos { color:var(--fmt-gold); }\r\n #rocFmtWrap .badge-direct { display:inline-block; font-family:'Bebas Neue',sans-serif; font-size:0.75rem; letter-spacing:2px; padding:3px 10px; border-radius:2px; background:rgba(74,222,128,0.08); color:var(--fmt-accent-ea); border:0.5px solid rgba(74,222,128,0.3); }\r\n #rocFmtWrap .bonus-row { display:flex; justify-content:space-between; align-items:center; padding:9px 12px; background:rgba(255,255,255,0.02); border:0.5px solid var(--fmt-border-soft); border-radius:2px; font-size:0.88rem; margin-bottom:4px; }\r\n #rocFmtWrap .bonus-row:last-child { margin-bottom:0; }\r\n #rocFmtWrap .bonus-key { color:var(--fmt-muted); }\r\n #rocFmtWrap .bonus-val { font-weight:700; color:var(--fmt-text); }\r\n\r\n \/* QUALIFY *\/\r\n #rocFmtWrap .qualify-row { display:flex; align-items:center; padding:9px 12px; background:rgba(255,255,255,0.02); border:0.5px solid var(--fmt-border-soft); border-radius:2px; font-size:0.88rem; margin-bottom:4px; color:var(--fmt-muted); }\r\n #rocFmtWrap .qualify-row:last-child { margin-bottom:0; }\r\n #rocFmtWrap .q-badge { margin-left:auto; flex-shrink:0; font-family:'Bebas Neue',sans-serif; font-size:0.7rem; letter-spacing:2px; padding:3px 9px; border-radius:2px; }\r\n #rocFmtWrap .q-win { background:rgba(74,222,128,0.08); color:var(--fmt-accent-ea); border:0.5px solid rgba(74,222,128,0.3); }\r\n #rocFmtWrap .q-rank { background:rgba(0,212,255,0.08); color:var(--fmt-accent-ef); border:0.5px solid rgba(0,212,255,0.3); }\r\n\r\n \/* DAYS GRID *\/\r\n #rocFmtWrap .days-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; align-items:start; }\r\n @media(max-width:600px) { #rocFmtWrap .days-grid { grid-template-columns:1fr; } }\r\n\r\n #rocFmtWrap .day-card { background:rgba(0,0,0,0.2); border:0.5px solid var(--fmt-border); border-radius:4px; overflow:hidden; display:flex; flex-direction:column; }\r\n #rocFmtWrap .day-hdr { padding:8px 10px; border-bottom:0.5px solid var(--fmt-border); display:flex; align-items:center; gap:6px; background:rgba(0,0,0,0.15); min-width:0; overflow:hidden; }\r\n #rocFmtWrap .day-badge { font-family:'Bebas Neue',sans-serif; font-size:0.65rem; letter-spacing:2px; padding:2px 8px; border-radius:2px; white-space:nowrap; flex-shrink:0; }\r\n #rocFmtWrap .day1 .day-badge { background:rgba(240,192,64,0.1); color:var(--fmt-gold); border:0.5px solid rgba(240,192,64,0.25); }\r\n #rocFmtWrap .day2 .day-badge { background:rgba(255,107,53,0.1); color:var(--fmt-accent-rl); border:0.5px solid rgba(255,107,53,0.25); }\r\n #rocFmtWrap .day-title { font-size:0.72rem; font-weight:700; color:rgba(255,255,255,0.55); letter-spacing:0.5px; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }\r\n #rocFmtWrap .day-body { padding:10px 12px; display:flex; flex-direction:column; gap:5px; }\r\n\r\n \/* INFO ROWS *\/\r\n #rocFmtWrap .info-row { display:flex; flex-direction:column; padding:6px 0; border-bottom:0.5px solid var(--fmt-border-soft); font-size:0.78rem; gap:2px; }\r\n #rocFmtWrap .info-row:last-of-type { border-bottom:none; }\r\n #rocFmtWrap .i-key { color:var(--fmt-muted); font-size:0.70rem; letter-spacing:0.3px; }\r\n #rocFmtWrap .i-val { font-weight:600; color:var(--fmt-text); }\r\n\r\n \/* PILLS *\/\r\n #rocFmtWrap .pill { font-family:'Bebas Neue',sans-serif; font-size:0.68rem; letter-spacing:1.5px; padding:2px 7px; border-radius:2px; display:inline-block; white-space:nowrap; }\r\n #rocFmtWrap .pill-bo3 { background:rgba(74,222,128,0.08); color:var(--fmt-accent-ea); border:0.5px solid rgba(74,222,128,0.3); }\r\n #rocFmtWrap .pill-bo5 { background:rgba(255,107,53,0.08); color:var(--fmt-accent-rl); border:0.5px solid rgba(255,107,53,0.3); }\r\n #rocFmtWrap .pill-agg { background:rgba(0,212,255,0.08); color:var(--fmt-accent-ef); border:0.5px solid rgba(0,212,255,0.3); }\r\n #rocFmtWrap .pill-gg { background:rgba(240,192,64,0.08); color:var(--fmt-gold); border:0.5px solid rgba(240,192,64,0.3); }\r\n\r\n \/* TIEBREAKER *\/\r\n #rocFmtWrap .tb-box { margin-top:8px; background:rgba(0,0,0,0.25); border:0.5px solid var(--fmt-border); border-radius:2px; padding:8px 10px; }\r\n #rocFmtWrap .tb-title { font-size:0.60rem; letter-spacing:2px; text-transform:uppercase; color:var(--fmt-muted); font-weight:700; margin-bottom:6px; }\r\n #rocFmtWrap .tb-item { display:flex; gap:6px; padding:3px 0; border-bottom:0.5px solid var(--fmt-border-soft); font-size:0.75rem; color:rgba(255,255,255,0.3); line-height:1.4; }\r\n #rocFmtWrap .tb-item:last-child { border-bottom:none; }\r\n #rocFmtWrap .tb-n { color:var(--fmt-muted); flex-shrink:0; min-width:14px; font-weight:700; }\r\n\r\n \/* BRACKET *\/\r\n #rocFmtWrap .bracket { display:flex; flex-direction:column; gap:4px; margin-top:8px; }\r\n #rocFmtWrap .bm { background:rgba(0,0,0,0.3); border:0.5px solid var(--fmt-border); border-radius:2px; padding:5px 8px; font-size:0.72rem; color:rgba(255,255,255,0.35); text-align:center; }\r\n #rocFmtWrap .bm-final { background:rgba(240,192,64,0.08); color:var(--fmt-gold); border-color:rgba(240,192,64,0.3); font-weight:700; }\r\n #rocFmtWrap .b-arrow { text-align:center; color:var(--fmt-muted); font-size:0.75rem; }\r\n\r\n \/* PRIZES *\/\r\n #rocFmtWrap .prizes { display:flex; flex-direction:column; gap:6px; }\r\n #rocFmtWrap .prize-note { font-size:0.8rem; color:var(--fmt-muted); padding:8px 12px; background:rgba(255,255,255,0.02); border:0.5px solid var(--fmt-border-soft); border-radius:2px; }\r\n #rocFmtWrap .prize-row { display:flex; align-items:center; justify-content:space-between; padding:11px 14px; background:rgba(255,255,255,0.02); border:0.5px solid var(--fmt-border-soft); border-radius:2px; }\r\n #rocFmtWrap .prize-row.p1 { background:rgba(240,192,64,0.05); border-color:rgba(240,192,64,0.2); border-left:2px solid var(--fmt-gold); }\r\n #rocFmtWrap .prize-pos { font-size:0.82rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--fmt-muted); }\r\n #rocFmtWrap .prize-row.p1 .prize-pos { color:var(--fmt-gold); }\r\n #rocFmtWrap .prize-amt { font-family:'Bebas Neue',sans-serif; font-size:1.5rem; letter-spacing:2px; color:var(--fmt-text); }\r\n #rocFmtWrap .prize-row.p1 .prize-amt { color:var(--fmt-gold); font-size:2rem; }\r\n\r\n @media(max-width:600px) {\r\n #rocFmtWrap .fmt-body { padding:14px 12px; gap:16px; }\r\n #rocFmtWrap .fmt-header h1 { font-size:1.5rem; }\r\n #rocFmtWrap .fmt-card-hdr { padding:12px 14px; }\r\n }\r\n<\/style>\r\n\r\n<div id=\"rocFmtWrap\">\r\n <div class=\"fmt-header\">\r\n <h1 translate=\"no\">\u03a4\u03b5\u03bb\u03b9\u03ba\u03ae \u03a6\u03ac\u03c3\u03b7 <span>Format<\/span> Guide<\/h1>\r\n <p translate=\"no\">Season 1 \u2014 Structure & Prizes<\/p>\r\n <\/div>\r\n\r\n <div class=\"fmt-tab-nav\">\r\n <button class=\"fmt-tab-btn active\" data-game=\"eafc\"><span class=\"fmt-tab-dot\"><\/span> EA FC 26<\/button>\r\n <button class=\"fmt-tab-btn\" data-game=\"rl\"><span class=\"fmt-tab-dot\"><\/span> Rocket League<\/button>\r\n <button class=\"fmt-tab-btn\" data-game=\"efootball\"><span class=\"fmt-tab-dot\"><\/span> eFOOTBALL<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"fmt-tab-panel active panel-eafc\" id=\"fmt-eafc\">\r\n <div class=\"fmt-card\">\r\n <div class=\"fmt-card-hdr\"><h2 class=\"eafc\">EA FC 26<\/h2><\/div>\r\n <div class=\"fmt-body\">\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ea)\">Prize Pool<\/div>\r\n <div class=\"prizes\">\r\n <div class=\"prize-note\">\u2605 \u20ac50 bonus for each qualifying tournament winner<\/div>\r\n <div class=\"prize-row p1\"><span class=\"prize-pos\">\u2605 1st Place \u2014 Finals<\/span><span class=\"prize-amt\">500 \u20ac<\/span><\/div>\r\n <div class=\"prize-row\"><span class=\"prize-pos\">2nd Place \u2014 Finals<\/span><span class=\"prize-amt\">200 \u20ac<\/span><\/div>\r\n <div class=\"prize-row\"><span class=\"prize-pos\">3rd Place \u2014 Finals<\/span><span class=\"prize-amt\">100 \u20ac<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ea)\">Finals Qualification<\/div>\r\n <div class=\"qualify-row\">8 players \u2014 Tournament Wins <span class=\"q-badge q-win\">\u039d\u0399\u039a\u0395\u03a3<\/span><\/div>\r\n <div class=\"qualify-row\">8 players \u2014 Ranking <span class=\"q-badge q-rank\">Ranking<\/span><\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ea)\">Ranking System<\/div>\r\n <div class=\"rank-rows\">\r\n <div class=\"rank-row rank-top\"><span class=\"rank-pos\">1st Place<\/span><span class=\"rank-val\"><span class=\"badge-direct\">Direct Qualifier<\/span><\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">2nd Place<\/span><span class=\"rank-val\">200 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">3rd Place<\/span><span class=\"rank-val\">150 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">4th Place<\/span><span class=\"rank-val\">100 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">5th Place<\/span><span class=\"rank-val\">70 pts<\/span><\/div>\r\n <\/div>\r\n <div style=\"height:8px\"><\/div>\r\n <div class=\"bonus-row\"><span class=\"bonus-key\">Tournament Participation<\/span><span class=\"bonus-val\">+30 pts<\/span><\/div>\r\n <div class=\"bonus-row\"><span class=\"bonus-key\">Per Win<\/span><span class=\"bonus-val\">+10 pts<\/span><\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ea)\">Final Stage Format<\/div>\r\n <div class=\"days-grid\">\r\n <div class=\"day-card day1\">\r\n <div class=\"day-hdr\"><span class=\"day-badge\">Day 1<\/span><span class=\"day-title\">Group Stage<\/span><\/div>\r\n <div class=\"day-body\">\r\n <div class=\"info-row\"><span class=\"i-key\">Structure<\/span><span class=\"i-val\">4 Groups \u00d7 4<\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">Format<\/span><span class=\"i-val\">Round-Robin<\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">\u03a3\u03b7\u03bc\u03b5\u03af\u03b1<\/span><span class=\"i-val\">W=3 \u00b7 D=1 \u00b7 L=0<\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">Advance<\/span><span class=\"i-val\">Top 2 \/ group<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"day-card day2\">\r\n <div class=\"day-hdr\"><span class=\"day-badge\">Day 2<\/span><span class=\"day-title\">Knockout<\/span><\/div>\r\n <div class=\"day-body\">\r\n <div class=\"info-row\"><span class=\"i-key\">Format<\/span><span class=\"i-val\"><span class=\"pill pill-agg\">BO2 \u00b7 Agg<\/span><\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">Tiebreak<\/span><span class=\"i-val\"><span class=\"pill pill-gg\">Golden Goal<\/span><\/span><\/div>\r\n <div class=\"bracket\">\r\n <div class=\"tb-title\">Seeding<\/div>\r\n <div class=\"bm\">1A vs 2B \u00b7 1C vs 2D<\/div>\r\n <div class=\"bm\">1B vs 2A \u00b7 1D vs 2C<\/div>\r\n <div class=\"b-arrow\">\u2193<\/div>\r\n <div class=\"bm bm-final\">\u2605 Grand Final<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tb-box\" style=\"margin-top:12px;\">\r\n <div class=\"tb-title\">Tiebreaker Criteria \u2014 Group Stage<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">1.<\/span>Head-to-head result<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">2.<\/span>Head-to-head goal difference<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">3.<\/span>Head-to-head goals scored<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">4.<\/span>Overall goal difference<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">5.<\/span>Overall goals scored<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fmt-tab-panel panel-rl\" id=\"fmt-rl\">\r\n <div class=\"fmt-card\">\r\n <div class=\"fmt-card-hdr\"><h2 class=\"rl\">Rocket League<\/h2><\/div>\r\n <div class=\"fmt-body\">\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-rl)\">Prize Pool<\/div>\r\n <div class=\"prizes\">\r\n <div class=\"prize-note\">\u2605 \u20ac50 bonus for each qualifying tournament winner<\/div>\r\n <div class=\"prize-row p1\"><span class=\"prize-pos\">\u2605 1st Place \u2014 Finals<\/span><span class=\"prize-amt\">250 \u20ac<\/span><\/div>\r\n <div class=\"prize-row\"><span class=\"prize-pos\">2nd Place \u2014 Finals<\/span><span class=\"prize-amt\">100 \u20ac<\/span><\/div>\r\n <div class=\"prize-row\"><span class=\"prize-pos\">3rd Place \u2014 Finals<\/span><span class=\"prize-amt\">50 \u20ac<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-rl)\">Finals Qualification<\/div>\r\n <div class=\"qualify-row\">4 teams \u2014 Tournament Wins <span class=\"q-badge q-win\">\u039d\u0399\u039a\u0395\u03a3<\/span><\/div>\r\n <div class=\"qualify-row\">4 teams \u2014 Ranking <span class=\"q-badge q-rank\">Ranking<\/span><\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-rl)\">Ranking System<\/div>\r\n <div class=\"rank-rows\">\r\n <div class=\"rank-row rank-top\"><span class=\"rank-pos\">1st Place<\/span><span class=\"rank-val\"><span class=\"badge-direct\">Direct Qualifier<\/span><\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">2nd Place<\/span><span class=\"rank-val\">200 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">3rd Place<\/span><span class=\"rank-val\">150 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">4th Place<\/span><span class=\"rank-val\">100 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">5th Place<\/span><span class=\"rank-val\">70 pts<\/span><\/div>\r\n <\/div>\r\n <div style=\"height:8px\"><\/div>\r\n <div class=\"bonus-row\"><span class=\"bonus-key\">Tournament Participation<\/span><span class=\"bonus-val\">+30 pts<\/span><\/div>\r\n <div class=\"bonus-row\"><span class=\"bonus-key\">Per Win<\/span><span class=\"bonus-val\">+10 pts<\/span><\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-rl)\">Final Stage Format<\/div>\r\n <div class=\"days-grid\">\r\n <div class=\"day-card day1\">\r\n <div class=\"day-hdr\"><span class=\"day-badge\">Day 1<\/span><span class=\"day-title\">Group Stage<\/span><\/div>\r\n <div class=\"day-body\">\r\n <div class=\"info-row\"><span class=\"i-key\">Format<\/span><span class=\"i-val\"><span class=\"pill pill-bo3\">Best of 3<\/span><\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">\u03a3\u03b7\u03bc\u03b5\u03af\u03b1<\/span><span class=\"i-val\">W=3 \u00b7 D=1 \u00b7 L=0<\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">Advance<\/span><span class=\"i-val\">Top 2 \/ group<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"day-card day2\">\r\n <div class=\"day-hdr\"><span class=\"day-badge\">Day 2<\/span><span class=\"day-title\">Knockout<\/span><\/div>\r\n <div class=\"day-body\">\r\n <div class=\"info-row\"><span class=\"i-key\">Format<\/span><span class=\"i-val\"><span class=\"pill pill-bo5\">Best of 5<\/span><\/span><\/div>\r\n <div class=\"bracket\">\r\n <div class=\"tb-title\">Seeding<\/div>\r\n <div class=\"bm\">1A vs 2B \u00b7 1B vs 2A<\/div>\r\n <div class=\"b-arrow\">\u2193<\/div>\r\n <div class=\"bm bm-final\">\u2605 Grand Final<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tb-box\" style=\"margin-top:12px;\">\r\n <div class=\"tb-title\">Tiebreaker Criteria \u2014 Group Stage<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">1.<\/span>Head-to-head result<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">2.<\/span>Head-to-head goal difference<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">3.<\/span>Head-to-head goals scored<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">4.<\/span>Overall goal difference<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">5.<\/span>Overall goals scored<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fmt-tab-panel panel-ef\" id=\"fmt-efootball\">\r\n <div class=\"fmt-card\">\r\n <div class=\"fmt-card-hdr\"><h2 class=\"efootball\">eFOOTBALL<\/h2><\/div>\r\n <div class=\"fmt-body\">\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ef)\">Prize Pool<\/div>\r\n <div class=\"prizes\">\r\n <div class=\"prize-note\">\u2605 \u20ac50 bonus for each qualifying tournament winner<\/div>\r\n <div class=\"prize-row p1\"><span class=\"prize-pos\">\u2605 1st Place \u2014 Finals<\/span><span class=\"prize-amt\">250 \u20ac<\/span><\/div>\r\n <div class=\"prize-row\"><span class=\"prize-pos\">2nd Place \u2014 Finals<\/span><span class=\"prize-amt\">100 \u20ac<\/span><\/div>\r\n <div class=\"prize-row\"><span class=\"prize-pos\">3rd Place \u2014 Finals<\/span><span class=\"prize-amt\">50 \u20ac<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ef)\">Finals Qualification<\/div>\r\n <div class=\"qualify-row\">4 players \u2014 Tournament Wins <span class=\"q-badge q-win\">\u039d\u0399\u039a\u0395\u03a3<\/span><\/div>\r\n <div class=\"qualify-row\">4 players \u2014 Ranking <span class=\"q-badge q-rank\">Ranking<\/span><\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ef)\">Ranking System<\/div>\r\n <div class=\"rank-rows\">\r\n <div class=\"rank-row rank-top\"><span class=\"rank-pos\">1st Place<\/span><span class=\"rank-val\"><span class=\"badge-direct\">Direct Qualifier<\/span><\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">2nd Place<\/span><span class=\"rank-val\">200 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">3rd Place<\/span><span class=\"rank-val\">150 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">4th Place<\/span><span class=\"rank-val\">100 pts<\/span><\/div>\r\n <div class=\"rank-row\"><span class=\"rank-pos\">5th Place<\/span><span class=\"rank-val\">70 pts<\/span><\/div>\r\n <\/div>\r\n <div style=\"height:8px\"><\/div>\r\n <div class=\"bonus-row\"><span class=\"bonus-key\">Tournament Participation<\/span><span class=\"bonus-val\">+30 pts<\/span><\/div>\r\n <div class=\"bonus-row\"><span class=\"bonus-key\">Per Win<\/span><span class=\"bonus-val\">+10 pts<\/span><\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"sec-label\" style=\"--fmt-accent:var(--fmt-accent-ef)\">Final Stage Format<\/div>\r\n <div class=\"days-grid\">\r\n <div class=\"day-card day1\">\r\n <div class=\"day-hdr\"><span class=\"day-badge\">Day 1<\/span><span class=\"day-title\">Group Stage<\/span><\/div>\r\n <div class=\"day-body\">\r\n <div class=\"info-row\"><span class=\"i-key\">Structure<\/span><span class=\"i-val\">2 Groups \u00d7 4<\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">Format<\/span><span class=\"i-val\">Round-Robin<\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">\u03a3\u03b7\u03bc\u03b5\u03af\u03b1<\/span><span class=\"i-val\">W=3 \u00b7 D=1 \u00b7 L=0<\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">Advance<\/span><span class=\"i-val\">Top 2 \/ group<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"day-card day2\">\r\n <div class=\"day-hdr\"><span class=\"day-badge\">Day 2<\/span><span class=\"day-title\">Knockout<\/span><\/div>\r\n <div class=\"day-body\">\r\n <div class=\"info-row\"><span class=\"i-key\">Format<\/span><span class=\"i-val\"><span class=\"pill pill-agg\">BO2 \u00b7 Agg<\/span><\/span><\/div>\r\n <div class=\"info-row\"><span class=\"i-key\">Tiebreak<\/span><span class=\"i-val\"><span class=\"pill pill-gg\">Golden Goal<\/span><\/span><\/div>\r\n <div class=\"bracket\">\r\n <div class=\"tb-title\">Seeding<\/div>\r\n <div class=\"bm\">1A vs 2B \u00b7 1B vs 2A<\/div>\r\n <div class=\"b-arrow\">\u2193<\/div>\r\n <div class=\"bm bm-final\">\u2605 Grand Final<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tb-box\" style=\"margin-top:12px;\">\r\n <div class=\"tb-title\">Tiebreaker Criteria \u2014 Group Stage<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">1.<\/span>Head-to-head result<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">2.<\/span>Head-to-head goal difference<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">3.<\/span>Head-to-head goals scored<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">4.<\/span>Overall goal difference<\/div>\r\n <div class=\"tb-item\"><span class=\"tb-n\">5.<\/span>Overall goals scored<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n document.querySelectorAll('#rocFmtWrap .fmt-tab-btn').forEach(function(btn) {\r\n btn.addEventListener('click', function() {\r\n var game = btn.getAttribute('data-game');\r\n document.querySelectorAll('#rocFmtWrap .fmt-tab-panel').forEach(function(p) { p.classList.remove('active'); });\r\n document.querySelectorAll('#rocFmtWrap .fmt-tab-btn').forEach(function(b) { b.classList.remove('active'); });\r\n document.getElementById('fmt-' + game).classList.add('active');\r\n btn.classList.add('active');\r\n });\r\n });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b68ecb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b68ecb\" data-element_type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0f6bd9b\" data-id=\"0f6bd9b\" data-element_type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e1b4554 elementor-widget elementor-widget-html\" data-id=\"e1b4554\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;700&family=Barlow+Condensed:wght@700;800&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#vgl-video-widget {\r\n width: 100%;\r\n font-family: 'Barlow', sans-serif;\r\n background: rgba(6, 8, 13, 0.45);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n#vgl-video-widget::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, #ff5000 30%, #60a5fa 70%, transparent);\r\n}\r\n\r\n.vgl-vw-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 0;\r\n min-height: 340px;\r\n}\r\n\r\n\/* LEFT: VIDEO *\/\r\n.vgl-vw-video-col {\r\n position: relative;\r\n background: #000;\r\n display: flex;\r\n align-items: stretch;\r\n}\r\n\r\n.vgl-vw-video-wrap {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n@media (min-width: 701px) {\r\n .vgl-vw-video-wrap { height: 100%; }\r\n .vgl-vw-video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; display: block; }\r\n}\r\n@media (max-width: 700px) {\r\n .vgl-vw-video-wrap { padding-top: 56.25%; }\r\n .vgl-vw-video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; display: block; }\r\n}\r\n\r\n\/* RIGHT: TEXT *\/\r\n.vgl-vw-text-col {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 2.5rem 2.2rem;\r\n background: linear-gradient(135deg, rgba(13,17,24,0.72) 0%, rgba(10,12,16,0.45) 100%);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n border-left: 1px solid rgba(255,255,255,0.06);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.vgl-vw-text-col::after {\r\n content: '';\r\n position: absolute;\r\n top: -60px; right: -60px;\r\n width: 220px; height: 220px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(96,165,250,0.07) 0%, transparent 70%);\r\n pointer-events: none;\r\n}\r\n\r\n.vgl-vw-eyebrow {\r\n font-size: 10px; font-weight: 700; letter-spacing: 3px;\r\n text-transform: uppercase; color: #ff5000;\r\n margin-bottom: 0.8rem;\r\n display: flex; align-items: center; gap: 8px;\r\n}\r\n.vgl-vw-eyebrow::before {\r\n content: '';\r\n display: inline-block;\r\n width: 20px; height: 2px;\r\n background: #ff5000; border-radius: 2px;\r\n}\r\n\r\n.vgl-vw-title {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: clamp(28px, 3.5vw, 46px);\r\n line-height: 0.95; letter-spacing: 1px;\r\n color: #fff;\r\n margin-bottom: 1.2rem;\r\n text-shadow: 0 2px 20px rgba(0,0,0,0.6);\r\n}\r\n.vgl-vw-title span { color: #60a5fa; }\r\n\r\n.vgl-vw-desc {\r\n font-size: 13px; line-height: 1.65;\r\n color: rgba(255,255,255,0.58);\r\n margin-bottom: 1.8rem; max-width: 360px;\r\n}\r\n\r\n.vgl-vw-tags {\r\n display: flex; gap: 6px; flex-wrap: wrap;\r\n margin-bottom: 1.8rem;\r\n}\r\n.vgl-vw-tag {\r\n font-size: 10px; font-weight: 700; letter-spacing: 0.8px;\r\n text-transform: uppercase;\r\n padding: 4px 10px; border-radius: 2px; border: 0.5px solid;\r\n}\r\n.vgl-vw-tag.t-blue { color:#60a5fa; border-color:rgba(96,165,250,0.35); background:rgba(96,165,250,0.07); }\r\n.vgl-vw-tag.t-orange{ color:#ff5000; border-color:rgba(255,80,0,0.35); background:rgba(255,80,0,0.07); }\r\n.vgl-vw-tag.t-green { color:#4ade80; border-color:rgba(74,222,128,0.35); background:rgba(74,222,128,0.07); }\r\n\r\n.vgl-vw-actions { display: flex; gap: 10px; flex-wrap: wrap; }\r\n\r\n.vgl-vw-btn-p {\r\n display: inline-flex; align-items: center; gap: 7px;\r\n font-family: 'Barlow', sans-serif; font-size: 12px; font-weight: 700;\r\n letter-spacing: 1.5px; text-transform: uppercase;\r\n color: #06080d; background: #ff5000;\r\n border: none; border-radius: 3px; padding: 11px 22px;\r\n cursor: pointer; text-decoration: none;\r\n transition: background 0.15s, transform 0.15s;\r\n}\r\n.vgl-vw-btn-p:hover { background: #ff6a1f; transform: translateY(-1px); }\r\n.vgl-vw-btn-p i { font-size: 15px; }\r\n\r\n.vgl-vw-btn-s {\r\n display: inline-flex; align-items: center; gap: 7px;\r\n font-family: 'Barlow', sans-serif; font-size: 12px; font-weight: 700;\r\n letter-spacing: 1.5px; text-transform: uppercase;\r\n color: rgba(255,255,255,0.65); background: transparent;\r\n border: 0.5px solid rgba(255,255,255,0.2); border-radius: 3px; padding: 11px 20px;\r\n cursor: pointer; text-decoration: none;\r\n transition: border-color 0.15s, color 0.15s;\r\n}\r\n.vgl-vw-btn-s:hover { border-color: rgba(255,255,255,0.5); color: #fff; }\r\n.vgl-vw-btn-s i { font-size: 15px; }\r\n\r\n@media (max-width: 700px) {\r\n .vgl-vw-inner { grid-template-columns: 1fr; }\r\n .vgl-vw-text-col {\r\n border-left: none;\r\n border-top: 1px solid rgba(255,255,255,0.06);\r\n padding: 1.8rem 1.4rem;\r\n }\r\n .vgl-vw-title { font-size: 32px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body data-rsssl=1 style=\"background:#06080d;\">\r\n\r\n<div id=\"vgl-video-widget\">\r\n <div class=\"vgl-vw-inner\">\r\n\r\n \r\n <div class=\"vgl-vw-video-col\">\r\n <div class=\"vgl-vw-video-wrap\">\r\n <iframe\r\n src=\"https:\/\/www.youtube.com\/embed\/xUpyM4YsvcA?rel=0&modestbranding=1&color=white\"\r\n title=\"allwyn Unileague \u2013 Highlights\"\r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n allowfullscreen>\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"vgl-vw-text-col\">\r\n\r\n <div class=\"vgl-vw-eyebrow notranslate\">allwyn Unileague<\/div>\r\n\r\n <div class=\"vgl-vw-title notranslate\">\r\n \u03a0\u03b1\u03b9\u03c7\u03bd\u03af\u03b4\u03b9<br><span>\u039a\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1<\/span><br>for Students\r\n <\/div>\r\n\r\n <div class=\"vgl-vw-desc\" id=\"vgl-desc\"><\/div>\r\n\r\n <div class=\"vgl-vw-tags notranslate\">\r\n <span class=\"vgl-vw-tag t-blue\">EA FC<\/span>\r\n <span class=\"vgl-vw-tag t-orange\">eFootball<\/span>\r\n <span class=\"vgl-vw-tag t-green\">Rocket League<\/span>\r\n <\/div>\r\n\r\n <div class=\"vgl-vw-actions\">\r\n <a href=\"https:\/\/battlefy.com\/vgl-esports\" target=\"_blank\" class=\"vgl-vw-btn-p notranslate\" rel=\"noopener\">\r\n <i class=\"ti ti-trophy\"><\/i> REGISTER NOW\r\n <\/a>\r\n <a href=\"https:\/\/discord.gg\/n6PrKQesGn\" target=\"_blank\" class=\"vgl-vw-btn-s notranslate\" rel=\"noopener\">\r\n <i class=\"ti ti-brand-discord\"><\/i> DISCORD\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n var isEl = window.location.pathname.indexOf('\/el\/') !== -1;\r\n var desc = document.getElementById('vgl-desc');\r\n if (isEl) {\r\n desc.textContent = '\u0397 allwyn Unileague \u03ad\u03c7\u03b5\u03b9 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03b5\u03b9 \u03c6\u03bf\u03b9\u03c4\u03b7\u03c4\u03b9\u03ba\u03ae gaming \u03ba\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 \u03bc\u03b5 \u03c3\u03c4\u03cc\u03c7\u03bf \u03c4\u03b7\u03bd \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7, \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03c3\u03ba\u03ad\u03b4\u03b1\u03c3\u03b7 \u03c4\u03c9\u03bd gamers \u03c3\u03b5 \u03ad\u03bd\u03b1 \u03bf\u03c1\u03b3\u03b1\u03bd\u03c9\u03bc\u03ad\u03bd\u03bf \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03c4\u03c5\u03b1\u03ba\u03cc \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd.';\r\n } else {\r\n desc.textContent = 'The allwyn Unileague has built a student gaming community focused on informing, supporting, and entertaining gamers in a structured online environment.';\r\n desc.classList.add('notranslate');\r\n }\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1e68389 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1e68389\" data-element_type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d9b63ae\" data-id=\"d9b63ae\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8232473 elementor-widget elementor-widget-html\" data-id=\"8232473\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;700&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#vgl-news {\r\n width: 100%;\r\n font-family: 'Barlow', sans-serif;\r\nbackground: rgba(6, 8, 13, 0.3); border-radius: 8px;\r\n padding: 2rem 2rem 1.6rem;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n#vgl-news::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, #ff5000 30%, #60a5fa 70%, transparent);\r\n}\r\n\r\n.vgl-n-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 1.4rem;\r\n}\r\n.vgl-n-title {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 28px;\r\n letter-spacing: 2px;\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n.vgl-n-title span { color: #60a5fa; }\r\n.vgl-n-dot {\r\n width: 7px; height: 7px; border-radius: 50%;\r\n background: #ff5000;\r\n animation: npulse 1.8s ease-in-out infinite;\r\n flex-shrink: 0;\r\n}\r\n@keyframes npulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.35;transform:scale(.65)} }\r\n\r\n.vgl-n-all {\r\n font-size: 11px; font-weight: 700; letter-spacing: 1.5px;\r\n text-transform: uppercase; color: rgba(255,255,255,0.45);\r\n text-decoration: none;\r\n display: flex; align-items: center; gap: 5px;\r\n transition: color .15s;\r\n}\r\n.vgl-n-all:hover { color: #60a5fa; }\r\n.vgl-n-all i { font-size: 13px; }\r\n\r\n.vgl-n-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 1.2rem;\r\n}\r\n\r\n.vgl-n-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: #0d1118;\r\n border: 0.5px solid rgba(255,255,255,0.07);\r\n border-radius: 6px;\r\n overflow: hidden;\r\n text-decoration: none;\r\n transition: border-color .2s, transform .2s;\r\n cursor: pointer;\r\n}\r\n.vgl-n-card:hover {\r\n border-color: rgba(96,165,250,0.35);\r\n transform: translateY(-3px);\r\n}\r\n.vgl-n-card:hover .vgl-n-img img { transform: scale(1.05); }\r\n\r\n.vgl-n-img {\r\n width: 100%; aspect-ratio: 16\/9;\r\n overflow: hidden; position: relative;\r\n background: #111;\r\n flex-shrink: 0;\r\n}\r\n.vgl-n-img img {\r\n width: 100%; height: 100%; object-fit: cover;\r\n display: block;\r\n transition: transform .4s ease;\r\n}\r\n.vgl-n-img-placeholder {\r\n width: 100%; height: 100%;\r\n display: flex; align-items: center; justify-content: center;\r\n background: linear-gradient(135deg, #0d1118, #111820);\r\n}\r\n.vgl-n-img-placeholder i { font-size: 28px; color: rgba(255,255,255,0.1); }\r\n\r\n.vgl-n-card-body {\r\n padding: 12px 13px 14px;\r\n display: flex; flex-direction: column; flex: 1;\r\n}\r\n.vgl-n-date {\r\n font-size: 10px; font-weight: 600; letter-spacing: 1.5px;\r\n text-transform: uppercase; color: rgba(255,255,255,0.28);\r\n margin-bottom: 6px;\r\n}\r\n.vgl-n-card-title {\r\n font-size: 13px; font-weight: 700; line-height: 1.4;\r\n color: rgba(255,255,255,0.88);\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n flex: 1;\r\n}\r\n.vgl-n-read {\r\n margin-top: 10px;\r\n font-size: 10px; font-weight: 700; letter-spacing: 1px;\r\n text-transform: uppercase; color: #60a5fa;\r\n display: flex; align-items: center; gap: 4px;\r\n}\r\n.vgl-n-read i { font-size: 12px; }\r\n\r\n.vgl-n-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n}\r\n.vgl-n-btn {\r\n display: flex; align-items: center; justify-content: center;\r\n width: 36px; height: 36px; border-radius: 3px;\r\n background: rgba(255,255,255,0.05);\r\n border: 0.5px solid rgba(255,255,255,0.12);\r\n color: rgba(255,255,255,0.6); font-size: 17px;\r\n cursor: pointer; transition: background .15s, border-color .15s, color .15s;\r\n user-select: none;\r\n}\r\n.vgl-n-btn:hover:not(:disabled) { background: rgba(96,165,250,0.12); border-color: rgba(96,165,250,0.4); color: #fff; }\r\n.vgl-n-btn:disabled { opacity: .3; cursor: default; }\r\n\r\n.vgl-n-pages { display: flex; gap: 6px; }\r\n.vgl-n-page {\r\n width: 7px; height: 7px; border-radius: 50%;\r\n background: rgba(255,255,255,0.15);\r\n transition: background .2s, transform .2s;\r\n cursor: pointer;\r\n}\r\n.vgl-n-page.active { background: #60a5fa; transform: scale(1.3); }\r\n\r\n.vgl-n-loading {\r\n text-align: center; padding: 3rem 0;\r\n color: rgba(255,255,255,0.25); font-size: 13px; letter-spacing: 1px;\r\n}\r\n.vgl-n-spinner {\r\n width: 28px; height: 28px; border: 2px solid rgba(255,255,255,0.1);\r\n border-top-color: #60a5fa; border-radius: 50%;\r\n animation: nspin .8s linear infinite;\r\n margin: 0 auto 10px;\r\n}\r\n@keyframes nspin { to { transform: rotate(360deg); } }\r\n\r\n@media (max-width: 640px) {\r\n .vgl-n-grid { grid-template-columns: 1fr 1fr; }\r\n #vgl-news { padding: 1.4rem 1.2rem 1.2rem; }\r\n}\r\n@media (max-width: 400px) {\r\n .vgl-n-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body data-rsssl=1 style=\"background:#06080d; padding:20px;\">\r\n\r\n<div id=\"vgl-news\">\r\n <div class=\"vgl-n-header\">\r\n <div class=\"vgl-n-title\">\r\n <div class=\"vgl-n-dot\"><\/div>\r\n WHAT'S <span> NEW<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/vglesports.com\/el\/news-page\/\" target=\"_blank\" class=\"vgl-n-all\">\r\n \u039f\u03bb\u03b1 \u03c4\u03b1 \u03bd\u03b5\u03b1 <i class=\"ti ti-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <div id=\"vgl-n-grid\" class=\"vgl-n-grid\">\r\n <div class=\"vgl-n-loading\">\r\n <div class=\"vgl-n-spinner\"><\/div>\r\n \u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 \u03bd\u03ad\u03c9\u03bd\u2026\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"vgl-n-footer\">\r\n <button class=\"vgl-n-btn\" id=\"vgl-n-prev\" disabled>\r\n <i class=\"ti ti-chevron-left\"><\/i>\r\n <\/button>\r\n <div class=\"vgl-n-pages\" id=\"vgl-n-pages\"><\/div>\r\n <button class=\"vgl-n-btn\" id=\"vgl-n-next\" disabled>\r\n <i class=\"ti ti-chevron-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n var PER_PAGE = 3;\r\n var allItems = [];\r\n var page = 0;\r\n var BASE = 'https:\/\/vglesports.com';\r\n var EXCLUDE_SLUGS = ['tutorials', 'deep-dive'];\r\n\r\n function formatDate(str) {\r\n if (!str) return '';\r\n var d = new Date(str);\r\n var MONS = ['\u0399\u03b1\u03bd','\u03a6\u03b5\u03b2','\u039c\u03b1\u03c1','\u0391\u03c0\u03c1','\u039c\u03b1\u0390','\u0399\u03bf\u03c5\u03bd','\u0399\u03bf\u03c5\u03bb','\u0391\u03c5\u03b3','\u03a3\u03b5\u03c0','\u039f\u03ba\u03c4','\u039d\u03bf\u03b5','\u0394\u03b5\u03ba'];\r\n return d.getDate() + ' ' + MONS[d.getMonth()] + ' ' + d.getFullYear();\r\n }\r\n\r\n function render() {\r\n var grid = document.getElementById('vgl-n-grid');\r\n var start = page * PER_PAGE;\r\n var slice = allItems.slice(start, start + PER_PAGE);\r\n var totalPages = Math.ceil(allItems.length \/ PER_PAGE);\r\n\r\n grid.innerHTML = slice.map(function(item) {\r\n var img = item._imgUrl || null;\r\n var title = (item.title && item.title.rendered) ? item.title.rendered : (item.title || '');\r\n var imgHtml = img\r\n ? '<img decoding=\"async\" src=\"' + img + '\" alt=\"\" loading=\"lazy\">'\r\n : '<div class=\"vgl-n-img-placeholder\"><i class=\"ti ti-photo\"><\/i><\/div>';\r\n return '<a class=\"vgl-n-card\" href=\"' + item.link + '\" target=\"_blank\" rel=\"noopener\">'\r\n + '<div class=\"vgl-n-img\">' + imgHtml + '<\/div>'\r\n + '<div class=\"vgl-n-card-body\">'\r\n + '<div class=\"vgl-n-date\">' + formatDate(item.date) + '<\/div>'\r\n + '<div class=\"vgl-n-card-title\">' + title + '<\/div>'\r\n + '<div class=\"vgl-n-read\">\u0394\u03b9\u03b1\u03b2\u03b1\u03c3\u03b5 <i class=\"ti ti-arrow-right\"><\/i><\/div>'\r\n + '<\/div><\/a>';\r\n }).join('');\r\n\r\n var dotsEl = document.getElementById('vgl-n-pages');\r\n dotsEl.innerHTML = '';\r\n for (var i = 0; i < totalPages; i++) {\r\n var dot = document.createElement('div');\r\n dot.className = 'vgl-n-page' + (i === page ? ' active' : '');\r\n dot.setAttribute('data-p', i);\r\n dot.addEventListener('click', function(){ goTo(parseInt(this.getAttribute('data-p'))); });\r\n dotsEl.appendChild(dot);\r\n }\r\n document.getElementById('vgl-n-prev').disabled = (page === 0);\r\n document.getElementById('vgl-n-next').disabled = (page >= totalPages - 1);\r\n }\r\n\r\n function goTo(p) { page = p; render(); }\r\n document.getElementById('vgl-n-prev').addEventListener('click', function(){ if(page>0) goTo(page-1); });\r\n document.getElementById('vgl-n-next').addEventListener('click', function(){ goTo(page+1); });\r\n\r\n function showError() {\r\n document.getElementById('vgl-n-grid').innerHTML =\r\n '<div class=\"vgl-n-loading\" style=\"color:rgba(255,80,0,0.6);\">'\r\n + '<i class=\"ti ti-alert-circle\" style=\"font-size:24px;display:block;margin:0 auto 8px;\"><\/i>'\r\n + '\u0394\u03b5\u03bd \u03c6\u03bf\u03c1\u03c4\u03c9\u03b8\u03b7\u03ba\u03b1\u03bd \u03c4\u03b1 \u03bd\u03b5\u03b1.<\/div>';\r\n }\r\n\r\n function fetchPosts(excludeIds) {\r\n var excludeParam = excludeIds.length ? '&categories_exclude=' + excludeIds.join(',') : '';\r\n fetch(BASE + '\/wp-json\/wp\/v2\/posts?per_page=9&_fields=id,title,link,date,featured_media' + excludeParam)\r\n .then(function(r){ if(!r.ok) throw new Error(r.status); return r.json(); })\r\n .then(function(posts){\r\n if(!posts || !posts.length) throw new Error('empty');\r\n allItems = posts;\r\n var ids = posts.map(function(p){ return p.featured_media; }).filter(function(id){ return id > 0; });\r\n if(!ids.length){ render(); return; }\r\n fetch(BASE + '\/wp-json\/wp\/v2\/media?include=' + ids.join(',') + '&per_page=9&_fields=id,source_url,media_details')\r\n .then(function(r){ return r.json(); })\r\n .then(function(mediaList){\r\n var imgMap = {};\r\n (mediaList || []).forEach(function(m){\r\n var url = m.source_url;\r\n try {\r\n var s = m.media_details.sizes;\r\n url = (s.medium_large || s.medium || s.large || s.full).source_url || url;\r\n } catch(e){}\r\n imgMap[m.id] = url;\r\n });\r\n allItems.forEach(function(p){\r\n if(p.featured_media && imgMap[p.featured_media]) p._imgUrl = imgMap[p.featured_media];\r\n });\r\n render();\r\n })\r\n .catch(function(){ render(); });\r\n })\r\n .catch(function(err){ console.warn('[VGL News] failed:', err); showError(); });\r\n }\r\n\r\n fetch(BASE + '\/wp-json\/wp\/v2\/categories?slug=' + EXCLUDE_SLUGS.join(',') + '&per_page=20&_fields=id,slug')\r\n .then(function(r){ return r.json(); })\r\n .then(function(cats){\r\n var ids = (cats || []).map(function(c){ return c.id; });\r\n fetchPosts(ids);\r\n })\r\n .catch(function(){ fetchPosts([]); });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4dd738f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4dd738f\" data-element_type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-03bd802\" data-id=\"03bd802\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-729add3 elementor-widget elementor-widget-html\" data-id=\"729add3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<script>var PAGE_ID = 'unileague';<\/script>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@700;800&family=Barlow:wght@400;500&display=swap');\r\n.rw{font-family:'Barlow',sans-serif;padding:60px 0}\r\n.rw-header{text-align:center;margin-bottom:40px}\r\n.rw-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;color:#888;text-transform:uppercase;margin-bottom:10px}\r\n.rw-title{font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:2px;margin:0 0 8px;white-space:nowrap}\r\n.rw-sub{font-size:14px;color:#888;margin:0}\r\n.rw{background:#121925;position:relative}\r\n.rw::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'%3E%3Cdefs%3E%3Cpattern id='h' x='0' y='0' width='120' height='104' patternUnits='userSpaceOnUse'%3E%3Cpolygon points='60,2 112,32 112,72 60,102 8,72 8,32' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1'\/%3E%3C\/pattern%3E%3C\/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23h)'\/%3E%3C\/svg%3E\")}\r\n.rw-grid{max-width:900px;margin:0 auto}\r\n.rw>*{position:relative;z-index:1}\r\n.rw-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, 1fr); \/* mobile & tablet: 2 \u03b1\u03bd\u03ac \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae *\/\r\n gap:12px;\r\n margin:0 auto;\r\n padding:0 16px;\r\n box-sizing:border-box;\r\n max-width:900px;\r\n}\r\n\/* Tablet: 4 \u03b1\u03bd\u03ac \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae *\/\r\n@media(min-width:501px) and (max-width:900px){\r\n .rw-grid{\r\n grid-template-columns:repeat(4, 1fr);\r\n }\r\n}\r\n\/* Desktop: 5 \u03b1\u03bd\u03ac \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae *\/\r\n@media(min-width:901px){\r\n .rw-grid{\r\n display:flex;\r\n flex-wrap:nowrap;\r\n justify-content:center;\r\n gap:12px;\r\n }\r\n .rw-grid .rw-item{\r\n width:calc((1100px - 16px*2 - 12px*4) \/ 5);\r\n flex-shrink:0;\r\n }\r\n}\r\n.rw-item{\r\n position:relative;\r\n border-radius:12px;\r\n overflow:hidden;\r\n aspect-ratio:9\/16;\r\n background:#0C111A;\r\n border:0.5px solid rgba(255,255,255,0.08);\r\n cursor:pointer;\r\n display:block;\r\n text-decoration:none;\r\n width:100%; \/* \u03c0\u03b1\u03af\u03c1\u03bd\u03b5\u03b9 \u03c4\u03bf \u03c0\u03bb\u03ac\u03c4\u03bf\u03c2 \u03b1\u03c0\u03cc \u03c4\u03bf grid *\/\r\n}\r\n.rw-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}\r\n.rw-item:hover img{transform:scale(1.05)}\r\n.rw-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.35);transition:background 0.3s}\r\n.rw-item:hover .rw-overlay{background:rgba(0,0,0,0.2)}\r\n.rw-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);border:1.5px solid rgba(255,255,255,0.4);display:flex;align-items:center;justify-content:center;transition:all 0.3s}\r\n.rw-item:hover .rw-play{background:rgba(255,255,255,0.25);transform:translate(-50%,-50%) scale(1.1)}\r\n.rw-play svg{width:20px;height:20px;fill:#fff;margin-left:3px}\r\n.rw-badge{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;gap:5px;background:rgba(0,0,0,0.6);border-radius:100px;padding:4px 10px}\r\n.rw-badge svg{width:12px;height:12px;fill:#fff}\r\n.rw-badge span{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;color:#fff;letter-spacing:1px;text-transform:uppercase}\r\n.rw-cta{text-align:center;margin-top:32px}\r\n.rw-toggle{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,0.2);border-radius:100px;overflow:hidden;position:relative;background:rgba(255,255,255,0.04)}\r\n.rw-toggle-btn{display:flex;align-items:center;gap:7px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:11px 22px;color:rgba(255,255,255,0.45);text-decoration:none;transition:color 0.25s;position:relative;z-index:1;white-space:nowrap}\r\n.rw-toggle-btn svg{width:14px;height:14px;fill:currentColor;flex-shrink:0;transition:fill 0.25s}\r\n.rw-toggle-divider{width:1px;background:rgba(255,255,255,0.15);align-self:stretch;flex-shrink:0}\r\n.rw-toggle-btn.active{color:#fff}\r\n.rw-toggle-btn:hover{color:rgba(255,255,255,0.8)}\r\n\r\n@media(max-width:500px){\r\n .rw-title{font-size:24px;white-space:normal}\r\n}\r\n@media(min-width:501px) and (max-width:900px){\r\n .rw-title{white-space:normal}\r\n}\r\n<\/style>\r\n\r\n<div class=\"rw\">\r\n <div class=\"rw-header\">\r\n <div class=\"rw-label\">Highlights<\/div>\r\n <div class=\"rw-title\" id=\"rw-title\"><\/div>\r\n <p class=\"rw-sub\" id=\"rw-sub\"><\/p>\r\n <\/div>\r\n <div class=\"rw-grid\" id=\"rw-grid\"><\/div>\r\n <div class=\"rw-cta\">\r\n <div class=\"rw-toggle\">\r\n <a class=\"rw-toggle-btn active\" href=\"https:\/\/www.instagram.com\/vglesports\/\" target=\"_blank\" id=\"rw-cta-ig\" rel=\"noopener\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n <span id=\"rw-cta-ig-text\"><\/span>\r\n <\/a>\r\n <div class=\"rw-toggle-divider\"><\/div>\r\n <a class=\"rw-toggle-btn\" href=\"https:\/\/www.tiktok.com\/@vglesports\" target=\"_blank\" id=\"rw-cta-tt\" rel=\"noopener\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 0 0-.79-.05 6.34 6.34 0 0 0-6.34 6.34 6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.33-6.34V8.69a8.18 8.18 0 0 0 4.78 1.52V6.75a4.85 4.85 0 0 1-1.01-.06z\"\/><\/svg>\r\n <span id=\"rw-cta-tt-text\"><\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n var CSV = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vRwYEJQQvu8A5aCzPtb_vlK-bUTSpKHNq1pGQo_IrScbTshZayVbwL1S6AMODASFA\/pub?gid=1215148930&single=true&output=csv';\r\n var isGR = window.location.href.indexOf('\/el\/') !== -1;\r\n var igSVG = '<svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>';\r\n var ttSVG = '<svg viewBox=\"0 0 24 24\"><path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 0 0-.79-.05 6.34 6.34 0 0 0-6.34 6.34 6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.33-6.34V8.69a8.18 8.18 0 0 0 4.78 1.52V6.75a4.85 4.85 0 0 1-1.01-.06z\"\/><\/svg>';\r\n var playSVG = '<svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>';\r\n\r\n function getPlatform(url) {\r\n if (url.indexOf('tiktok.com') !== -1) return 'tiktok';\r\n return 'instagram';\r\n }\r\n\r\n var labels = {\r\n ethniki: { el:'\u039a\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0395\u03a3 \u03a3\u03a4\u0399\u0393\u039c\u0395\u03a3', en:'BEST MOMENTS', sub_el:'Highlights \u03b1\u03c0\u03cc \u03c4\u03b9\u03c2 \u03b5\u03c0\u03af\u03c3\u03b7\u03bc\u03b5\u03c2 \u03b4\u03b9\u03bf\u03c1\u03b3\u03b1\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b7\u03c2 e\u0395\u03b8\u03bd\u03b9\u03ba\u03ae\u03c2 \u0395\u03bb\u03bb\u03ac\u03b4\u03bf\u03c2', sub_en:'Highlights from the official eNational Team competitions' },\r\n ekypello: { el:'\u039a\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0395\u03a3 \u03a3\u03a4\u0399\u0393\u039c\u0395\u03a3', en:'BEST MOMENTS', sub_el:'Highlights \u03b1\u03c0\u03cc \u03c4\u03bf e\u039a\u03cd\u03c0\u03b5\u03bb\u03bb\u03bf \u0395\u03bb\u03bb\u03ac\u03b4\u03bf\u03c2', sub_en:'Highlights from the eKypello Ellados' },\r\n unileague: { el:'\u039a\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0395\u03a3 \u03a3\u03a4\u0399\u0393\u039c\u0395\u03a3', en:'BEST MOMENTS', sub_el:'Highlights \u03b1\u03c0\u03cc \u03c4\u03bf Allwyn UniLeague', sub_en:'Highlights from the Allwyn UniLeague' },\r\n home: { el:'\u039a\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0395\u03a3 \u03a3\u03a4\u0399\u0393\u039c\u0395\u03a3', en:'BEST MOMENTS', sub_el:'Highlights \u03b1\u03c0\u03cc \u03c4\u03b9\u03c2 \u03b5\u03c0\u03af\u03c3\u03b7\u03bc\u03b5\u03c2 \u03b4\u03b9\u03bf\u03c1\u03b3\u03b1\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b1\u03c2', sub_en:'Highlights from our official competitions' }\r\n };\r\n\r\n var pg = typeof PAGE_ID !== 'undefined' ? PAGE_ID : 'home';\r\n var lb = labels[pg] || labels['home'];\r\n document.getElementById('rw-title').textContent = isGR ? lb.el : lb.en;\r\n document.getElementById('rw-sub').textContent = isGR ? lb.sub_el : lb.sub_en;\r\n document.getElementById('rw-cta-ig-text').textContent = 'Instagram \u2192';\r\n document.getElementById('rw-cta-tt-text').textContent = 'TikTok \u2192';\r\n\r\n var btns = document.querySelectorAll('.rw-toggle-btn');\r\n for (var b = 0; b < btns.length; b++) {\r\n btns[b].addEventListener('mouseenter', function(){ this.classList.add('active'); });\r\n btns[b].addEventListener('mouseleave', function(){ this.classList.remove('active'); });\r\n }\r\n\r\n function parseCSVRow(row) {\r\n var result = [], cur = '', inQ = false;\r\n for (var i = 0; i < row.length; i++) {\r\n var c = row[i];\r\n if (c === '\"') { inQ = !inQ; }\r\n else if (c === ',' && !inQ) { result.push(cur.trim()); cur = ''; }\r\n else { cur += c; }\r\n }\r\n result.push(cur.trim());\r\n return result;\r\n }\r\n\r\n fetch(CSV)\r\n .then(function(r){ return r.text(); })\r\n .then(function(text){\r\n var rows = text.trim().split('\\n').slice(1);\r\n var filtered = [];\r\n for (var i = 0; i < rows.length; i++) {\r\n var cols = parseCSVRow(rows[i]);\r\n var pid = (cols[3]||'').replace(\/\"\/g,'').trim();\r\n var reel = (cols[4]||'').replace(\/\"\/g,'').trim();\r\n var img = (cols[5]||'').replace(\/\"\/g,'').trim();\r\n if (pid === pg && reel && img) filtered.push({reel:reel, img:img});\r\n }\r\n\r\n var grid = document.getElementById('rw-grid');\r\n if (!filtered.length) { grid.innerHTML = ''; return; }\r\n\r\n grid.innerHTML = filtered.map(function(r){\r\n var platform = getPlatform(r.reel);\r\n var icon = platform === 'tiktok' ? ttSVG : igSVG;\r\n var label = platform === 'tiktok' ? 'TikTok' : 'Reel';\r\n return '<a class=\"rw-item\" href=\"'+r.reel+'\" target=\"_blank\">'+\r\n '<img decoding=\"async\" src=\"'+r.img+'\" alt=\"'+label+'\" loading=\"lazy\">'+\r\n '<div class=\"rw-overlay\"><\/div>'+\r\n '<div class=\"rw-play\">'+playSVG+'<\/div>'+\r\n '<div class=\"rw-badge\">'+icon+'<span>'+label+'<\/span><\/div>'+\r\n '<\/a>';\r\n }).join('');\r\n })\r\n .catch(function(e){ console.error('Reels widget error:', e); });\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4d83aa5 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4d83aa5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e0ee813\" data-id=\"e0ee813\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-15675fc elementor-widget elementor-widget-html\" data-id=\"15675fc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n#seo-uni * { box-sizing:border-box !important; }\r\n#seo-uni h2,#seo-uni h3,#seo-uni p,#seo-uni ul,#seo-uni li { margin:0 !important; padding:0 !important; }\r\n\r\n#seo-uni {\r\n width:100% !important;\r\n background:#121925 !important;\r\n padding:56px 24px 64px !important;\r\n position:relative !important;\r\n overflow:hidden !important;\r\n font-family:'Barlow',sans-serif !important;\r\n}\r\n#seo-uni::before {\r\n content:'';\r\n position:absolute;inset:0;\r\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'%3E%3Cdefs%3E%3Cpattern id='hex4' x='0' y='0' width='120' height='104' patternUnits='userSpaceOnUse'%3E%3Cpolygon points='60,2 112,32 112,72 60,102 8,72 8,32' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='1'\/%3E%3C\/pattern%3E%3C\/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23hex4)'\/%3E%3C\/svg%3E\");\r\n pointer-events:none;\r\n}\r\n#seo-uni-wrap {\r\n position:relative !important;\r\n max-width:900px !important;\r\n margin:0 auto !important;\r\n}\r\n\r\n\/* SPACING *\/\r\n#seo-uni h2,#seo-uni h3,#seo-uni p,#seo-uni li,#seo-uni ul { margin:0 !important; padding:0 !important; }\r\n#seo-uni .uni-h2 { margin-bottom:20px !important; }\r\n#seo-uni .uni-h3 { margin-top:28px !important; margin-bottom:10px !important; }\r\n#seo-uni .uni-p { margin-bottom:12px !important; }\r\n#seo-uni .uni-list { margin-bottom:12px !important; gap:6px !important; }\r\n\r\n.uni-divider {\r\n display:flex !important;\r\n align-items:center !important;\r\n gap:16px !important;\r\n margin-bottom:40px !important;\r\n}\r\n.uni-divider-line {\r\n flex:1 !important;\r\n height:1px !important;\r\n background:linear-gradient(90deg,transparent,rgba(240,192,64,0.25),transparent) !important;\r\n}\r\n.uni-divider-icon {\r\n width:6px !important; height:6px !important;\r\n border-radius:50% !important;\r\n background:rgba(240,192,64,0.5) !important;\r\n flex-shrink:0 !important;\r\n}\r\n.uni-h2 {\r\n font-family:'Bebas Neue',sans-serif !important;\r\n font-size:26px !important;\r\n letter-spacing:3px !important;\r\n color:#ffffff !important;\r\n line-height:1.1 !important;\r\n}\r\n.uni-h3 {\r\n font-family:'Barlow Condensed',sans-serif !important;\r\n font-size:12px !important;\r\n font-weight:700 !important;\r\n letter-spacing:3px !important;\r\n text-transform:uppercase !important;\r\n color:#f0c040 !important;\r\n line-height:1.4 !important;\r\n}\r\n.uni-p {\r\n font-size:13px !important;\r\n line-height:1.85 !important;\r\n color:rgba(255,255,255,0.75) !important;\r\n max-width:820px !important;\r\n}\r\n.uni-list {\r\n list-style:none !important;\r\n display:flex !important;\r\n flex-direction:column !important;\r\n gap:6px !important;\r\n}\r\n.uni-list li {\r\n font-size:13px !important;\r\n line-height:1.7 !important;\r\n color:rgba(255,255,255,0.75) !important;\r\n padding-left:16px !important;\r\n position:relative !important;\r\n}\r\n.uni-list li::before {\r\n content:'' !important;\r\n position:absolute !important;\r\n left:0 !important; top:10px !important;\r\n width:6px !important; height:1px !important;\r\n background:#f0c040 !important;\r\n}\r\n.uni-link {\r\n color:#f0c040 !important;\r\n text-decoration:none !important;\r\n}\r\n.uni-link:hover { color:#ffda6a !important; }\r\n<\/style>\r\n\r\n<div id=\"seo-uni\">\r\n <div id=\"seo-uni-wrap\">\r\n\r\n <div class=\"uni-divider\">\r\n <div class=\"uni-divider-line\"><\/div>\r\n <div class=\"uni-divider-icon\"><\/div>\r\n <div class=\"uni-divider-line\"><\/div>\r\n <\/div>\r\n\r\n <h2 class=\"uni-h2\">\r\n <span class=\"uni-el\">ALLWYN UNILEAGUE ESPORTS \u2013 \u03a6\u039f\u0399\u03a4\u0397\u03a4\u0399\u039a\u0397 GAMING \u039a\u039f\u0399\u039d\u039f\u03a4\u0397\u03a4\u0391<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">ALLWYN UNILEAGUE ESPORTS \u2013 FREE STUDENT GAMING COMMUNITY<\/span>\r\n <\/h2>\r\n\r\n <p class=\"uni-p\">\r\n <span class=\"uni-el\">\u03a4\u03bf allwyn Unileague esports \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03c6\u03bf\u03b9\u03c4\u03b7\u03c4\u03b9\u03ba\u03ae gaming \u03ba\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c4\u03b7\u03c2 VGL Esports. \u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03bf \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03c6\u03bf\u03b9\u03c4\u03b7\u03c4\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03c0\u03bf\u03c5\u03b4\u03b1\u03c3\u03c4\u03ad\u03c2, \u03c0\u03c1\u03bf\u03c4\u03b5\u03af\u03bd\u03b5\u03b9 \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03c9\u03b8\u03b5\u03af esports \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac \u03ba\u03b1\u03b9 \u03b4\u03c1\u03ac\u03c3\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03bf\u03c1\u03b3\u03b1\u03bd\u03c9\u03bc\u03ad\u03bd\u03bf \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03c4\u03c5\u03b1\u03ba\u03cc \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd \u03b3\u03b9\u03b1 \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7, \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03ba\u03b1\u03b9 \u03b4\u03b9\u03b1\u03c3\u03ba\u03ad\u03b4\u03b1\u03c3\u03b7.<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">The allwyn Unileague esports is the student gaming community of VGL Esports. Designed exclusively for university and college students, it recommends and promotes esports tournaments and activities in an organised online environment for information, support and entertainment.<\/span>\r\n <\/p>\r\n\r\n <h3 class=\"uni-h3\">\r\n <span class=\"uni-el\">\u03a4\u0399 \u0395\u0399\u039d\u0391\u0399 \u03a4\u039f ALLWYN UNILEAGUE<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">WHAT IS ALLWYN UNILEAGUE<\/span>\r\n <\/h3>\r\n\r\n <p class=\"uni-p\">\r\n <span class=\"uni-el\">\u03a4\u03bf allwyn Unileague esports \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03b8\u03b7\u03ba\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c6\u03ad\u03c1\u03b5\u03b9 \u03ba\u03bf\u03bd\u03c4\u03ac \u03c4\u03bf\u03c5\u03c2 \u03c6\u03bf\u03b9\u03c4\u03b7\u03c4\u03ad\u03c2 gamers \u03c4\u03b7\u03c2 \u0395\u03bb\u03bb\u03ac\u03b4\u03b1\u03c2. \u039c\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc \u03c0\u03c1\u03bf\u03c4\u03b5\u03b9\u03bd\u03cc\u03bc\u03b5\u03bd\u03b5\u03c2 \u03b4\u03b9\u03bf\u03c1\u03b3\u03b1\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 leaderboards, \u03bf\u03b9 \u03c6\u03bf\u03b9\u03c4\u03b7\u03c4\u03ad\u03c2 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bd \u03bd\u03b1 \u03b1\u03bd\u03c4\u03b1\u03b3\u03c9\u03bd\u03b9\u03c3\u03c4\u03bf\u03cd\u03bd, \u03bd\u03b1 \u03b5\u03be\u03b5\u03bb\u03b9\u03c7\u03b8\u03bf\u03cd\u03bd \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03b9\u03c3\u03c4\u03bf\u03cd\u03bd \u03bc\u03b5 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2 \u03c0\u03b1\u03af\u03ba\u03c4\u03b5\u03c2 \u03b1\u03c0\u03cc \u03cc\u03bb\u03b7 \u03c4\u03b7\u03bd \u0395\u03bb\u03bb\u03ac\u03b4\u03b1.<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">The allwyn Unileague esports was created to bring together student gamers across Greece. Through recommended competitions and leaderboards, students can compete, improve and connect with other players from across the country.<\/span>\r\n <\/p>\r\n\r\n <h3 class=\"uni-h3\">\r\n <span class=\"uni-el\">\u03a4\u0399 \u03a0\u03a1\u039f\u03a3\u03a6\u0395\u03a1\u0395\u0399<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">WHAT IT OFFERS<\/span>\r\n <\/h3>\r\n\r\n <ul class=\"uni-list\">\r\n <li>\r\n <span class=\"uni-el\"><strong style=\"color:#ffffff !important\">\u03a0\u03c1\u03bf\u03c4\u03b5\u03b9\u03bd\u03cc\u03bc\u03b5\u03bd\u03b1 \u03b4\u03c9\u03c1\u03b5\u03ac\u03bd \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac<\/strong> \u03ba\u03b1\u03b9 leagues \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03c6\u03bf\u03b9\u03c4\u03b7\u03c4\u03ad\u03c2.<\/span>\r\n <span class=\"uni-en\" style=\"display:none\"><strong style=\"color:#ffffff !important\">Recommended free tournaments<\/strong> and leagues exclusively for students.<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"uni-el\"><strong style=\"color:#ffffff !important\">Consistency Leaderboard<\/strong> \u2014 \u03ba\u03b1\u03c4\u03ac\u03c4\u03b1\u03be\u03b7 \u03b2\u03ac\u03c3\u03b5\u03b9 \u03c3\u03c5\u03bd\u03ad\u03c0\u03b5\u03b9\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7\u03c2 \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7 \u03b4\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1 \u03c4\u03b7\u03c2 \u03c3\u03b5\u03b6\u03cc\u03bd.<\/span>\r\n <span class=\"uni-en\" style=\"display:none\"><strong style=\"color:#ffffff !important\">Consistency Leaderboard<\/strong> \u2014 ranking based on consistency and performance throughout the season.<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"uni-el\">\u039a\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 \u03bc\u03b5 <strong style=\"color:#ffffff !important\">\u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03ba\u03b1\u03b9 \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7<\/strong> \u03b3\u03b9\u03b1 \u03bd\u03ad\u03bf\u03c5\u03c2 gamers.<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">A community with <strong style=\"color:#ffffff !important\">support and guidance<\/strong> for new gamers.<\/span>\r\n <\/li>\r\n <\/ul>\r\n\r\n <h3 class=\"uni-h3\">\r\n <span class=\"uni-el\">\u03a0\u03a9\u03a3 \u039d\u0391 \u03a3\u03a5\u039c\u039c\u0395\u03a4\u0391\u03a3\u03a7\u0395\u0399\u03a3<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">HOW TO JOIN<\/span>\r\n <\/h3>\r\n\r\n <p class=\"uni-p\">\r\n <span class=\"uni-el\">\u0395\u03b3\u03b3\u03c1\u03ac\u03c8\u03bf\u03c5 \u03bc\u03ad\u03c3\u03c9 \u03c4\u03c9\u03bd <a class=\"uni-link\" href=\"https:\/\/vglesports.com\/el\/greece-esports-tournaments\/\">\u03b1\u03bd\u03bf\u03b9\u03c7\u03c4\u03ce\u03bd \u03c4\u03bf\u03c5\u03c1\u03bd\u03bf\u03c5\u03ac \u03c4\u03b7\u03c2 VGL Esports<\/a> \u03ba\u03b1\u03b9 \u03ad\u03bd\u03c4\u03b1\u03be\u03ad \u03c3\u03bf\u03c5 \u03c3\u03c4\u03b7\u03bd \u03ba\u03bf\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1. \u0393\u03b9\u03b1 \u03b1\u03bd\u03b1\u03ba\u03bf\u03b9\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03b5\u03c0\u03b9\u03c3\u03ba\u03ad\u03c8\u03bf\u03c5 \u03c4\u03bf <a class=\"uni-link\" href=\"https:\/\/discord.gg\/TVh2bcawQm\" target=\"_blank\" rel=\"noopener\">Discord \u03c4\u03b7\u03c2 VGL Esports<\/a>.<\/span>\r\n <span class=\"uni-en\" style=\"display:none\">Register through <a class=\"uni-link\" href=\"https:\/\/vglesports.com\/el\/greece-esports-tournaments\/\">VGL Esports open tournaments<\/a> and join the community. For announcements and support visit the <a class=\"uni-link\" href=\"https:\/\/discord.gg\/TVh2bcawQm\" target=\"_blank\" rel=\"noopener\">VGL Esports Discord<\/a>.<\/span>\r\n <\/p>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n var isGreek = window.location.pathname.indexOf('\/el\/') !== -1;\r\n var elEls = document.querySelectorAll('#seo-uni .uni-el');\r\n var enEls = document.querySelectorAll('#seo-uni .uni-en');\r\n if(isGreek){\r\n for(var i=0;i<elEls.length;i++) elEls[i].style.display='';\r\n for(var i=0;i<enEls.length;i++) enEls[i].style.display='none';\r\n } else {\r\n for(var i=0;i<elEls.length;i++) elEls[i].style.display='none';\r\n for(var i=0;i<enEls.length;i++) enEls[i].style.display='';\r\n }\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Rise of Champions \u2013 allwyn Unileague allwyn Unileague \u00b7 Gaming Community EA FC 26 eFootball Rocket League LIVE NOW \u2014 \u00b7 \u2014 SEE LIVE BRACKETS Next event in 00Days : 00Hours : 00Minutes : 00Seconds REGISTER NOW HOW TO PLAY Calendar Choose Calendar App Google CalendarWeb OutlookWeb Apple \/ iCal.ics Yahoo CalendarWeb Free Entry Online…<\/p>","protected":false},"author":1771,"featured_media":29596,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"_links":{"self":[{"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/pages\/19699"}],"collection":[{"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/users\/1771"}],"replies":[{"embeddable":true,"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/comments?post=19699"}],"version-history":[{"count":10,"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/pages\/19699\/revisions"}],"predecessor-version":[{"id":34084,"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/pages\/19699\/revisions\/34084"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/media\/29596"}],"wp:attachment":[{"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/media?parent=19699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}