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: 540px;\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 2.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.32) saturate(0.7) 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@keyframes rocBgBreath {\r\n 0%,100% { transform:scale(1.06); filter:brightness(0.32) saturate(0.7) hue-rotate(200deg); }\r\n 50% { transform:scale(1.09); filter:brightness(0.40) saturate(0.85) 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,8,13,0.6) 0%, rgba(6,8,13,0.05) 40%, rgba(18,25,37,1) 100%),\r\n radial-gradient(ellipse 80% 60% at 50% 40%, rgba(96,165,250,0.07) 0%, transparent 70%),\r\n radial-gradient(ellipse 60% 40% at 50% 85%, rgba(255,80,0,0.09) 0%, transparent 60%);\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.25),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.5); 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.72); background:rgba(6,8,13,0.55); border:0.5px solid rgba(255,255,255,0.14); padding:5px 13px; border-radius:2px; 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.32); 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(6,8,13,0.65); border:0.5px solid rgba(96,165,250,0.18); width:62px; height:54px; display:flex; align-items:center; justify-content:center; border-radius:4px; letter-spacing:2px; }\r\n#roc-wrap .roc-cd-unit { font-size:9px; font-weight:600; letter-spacing:2px; color:rgba(255,255,255,0.28); 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.55); margin-top:8px; }\r\n#roc-wrap .roc-next { font-size:12px; color:rgba(255,255,255,0.42); margin-bottom:2rem; display:flex; align-items:center; gap:6px; animation:rocFadeIn 0.8s ease 0.45s both; }\r\n#roc-wrap .roc-next .gtag { color:#60a5fa; font-weight:600; }\r\n#roc-wrap .roc-dot { width:6px; height:6px; border-radius:50%; background:#ff5000; flex-shrink:0; animation:rocPulse 1.5s ease-in-out infinite; }\r\n#roc-wrap .roc-actions { display:flex; gap:10px; margin-bottom:1.2rem; animation:rocFadeIn 0.8s ease 0.5s both; flex-wrap:wrap; justify-content:center; }\r\n#roc-wrap .roc-btn-p { font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#06080d; background:#ff5000; border:none; padding:11px 26px; border-radius:3px; cursor:pointer; transition:transform 0.15s,background 0.15s; text-decoration:none; display:inline-block; }\r\n#roc-wrap .roc-btn-p:hover { background:#ff6a1f; transform:translateY(-1px); }\r\n#roc-wrap .roc-btn-s { font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:rgba(255,255,255,0.72); background:rgba(6,8,13,0.5); border:0.5px solid rgba(255,255,255,0.22); padding:11px 26px; border-radius:3px; cursor:pointer; transition:border-color 0.15s,color 0.15s; }\r\n#roc-wrap .roc-btn-s:hover { border-color:rgba(255,255,255,0.5); color:#fff; }\r\n\r\n\/* \u2500\u2500 LIVE BADGE \u2500\u2500 *\/\r\n#roc-wrap .roc-live-banner {\r\n display:none;\r\n flex-direction:column;\r\n align-items:center;\r\n gap:10px;\r\n margin-bottom:1.8rem;\r\n animation:rocFadeIn 0.5s ease both;\r\n}\r\n#roc-wrap .roc-live-banner.visible { display:flex; }\r\n#roc-wrap .roc-live-badge {\r\n display:flex; align-items:center; gap:8px;\r\n background:rgba(220,38,38,0.15); border:1px solid rgba(220,38,38,0.5);\r\n border-radius:4px; padding:8px 18px;\r\n}\r\n#roc-wrap .roc-live-dot {\r\n width:9px; height:9px; border-radius:50%; background:#ef4444;\r\n animation:rocPulse 0.9s ease-in-out infinite;\r\n}\r\n#roc-wrap .roc-live-text {\r\n font-family:'Bebas Neue',sans-serif; font-size:22px; letter-spacing:3px; color:#ef4444;\r\n}\r\n#roc-wrap .roc-live-info {\r\n font-size:18px; font-weight:700; color:rgba(255,255,255,0.85); letter-spacing:0.5px;\r\n text-align:center; line-height:1.5;\r\n}\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 {\r\n font-size:13px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;\r\n color:#fff; background:rgba(220,38,38,0.8); border:1px solid rgba(220,38,38,0.9);\r\n padding:12px 30px; border-radius:3px; cursor:pointer;\r\n transition:transform 0.15s, background 0.15s;\r\n text-decoration:none; display:inline-block;\r\n}\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 (hidden when live) \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 ADD TO CALENDAR \u2500\u2500 *\/\r\n#roc-wrap .roc-cal-wrap { position:relative; animation:rocFadeIn 0.8s ease 0.52s both; margin-bottom:1.2rem; }\r\n#roc-wrap .roc-btn-cal {\r\n font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;\r\n color:rgba(255,255,255,0.82); background:rgba(6,8,13,0.55);\r\n border:0.5px solid rgba(96,165,250,0.38); padding:11px 20px; border-radius:3px;\r\n cursor:pointer; transition:border-color 0.15s,color 0.15s,background 0.15s;\r\n display:flex; align-items:center; gap:8px;\r\n}\r\n#roc-wrap .roc-btn-cal:hover { border-color:rgba(96,165,250,0.7); color:#fff; background:rgba(6,8,13,0.75); }\r\n#roc-wrap .roc-btn-cal i { font-size:15px; }\r\n\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:#0d1018; border:0.5px solid rgba(96,165,250,0.22); border-radius:6px;\r\n min-width:210px; 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.3); padding:10px 14px 6px; border-bottom:0.5px solid rgba(255,255,255,0.07); }\r\n#roc-wrap .roc-cal-option {\r\n display:flex; align-items:center; gap:10px; padding:10px 14px;\r\n font-size:12px; font-weight:600; letter-spacing:0.4px; color:rgba(255,255,255,0.72);\r\n cursor:pointer; transition:background 0.12s,color 0.12s; text-decoration:none;\r\n border-bottom:0.5px solid rgba(255,255,255,0.05);\r\n}\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:16px; opacity:0.7; }\r\n#roc-wrap .roc-cal-option span.sub { font-size:10px; font-weight:400; color:rgba(255,255,255,0.32); margin-left:auto; }\r\n\r\n#roc-wrap .roc-perks {\r\n display:flex; gap:8px; flex-wrap:wrap; justify-content:center;\r\n animation:rocFadeIn 0.8s ease 0.6s both;\r\n}\r\n#roc-wrap .roc-perk { display:flex; align-items:center; gap:6px; font-size:11px; font-weight:600; letter-spacing:0.4px; padding:6px 12px; border-radius:3px; background:rgba(6,8,13,0.55); }\r\n#roc-wrap .roc-perk i { font-size:13px; }\r\n#roc-wrap .roc-perk.p-free { color:#4ade80; border:0.5px solid rgba(74,222,128,0.28); }\r\n#roc-wrap .roc-perk.p-online { color:#60a5fa; border:0.5px solid rgba(96,165,250,0.28); }\r\n#roc-wrap .roc-perk.p-bonus { color:#fbbf24; border:0.5px solid rgba(251,191,36,0.28); }\r\n#roc-wrap .roc-perk.p-qualify { color:#ff5000; border:0.5px solid rgba(255,80,0,0.32); }\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 {\r\n display:none; position:absolute; inset:0; z-index:100;\r\n background:rgba(0,0,0,0.84); align-items:center; justify-content:center; border-radius:8px;\r\n}\r\n#roc-popup-overlay.open { display:flex; }\r\n\r\n#roc-modal {\r\n background:#0a0c10; border:1px solid rgba(240,180,41,0.2);\r\n border-radius:10px; width:92%; max-width:620px; max-height:86%; overflow-y:auto;\r\n animation:rocModalIn 0.25s ease both;\r\n}\r\n@keyframes rocModalIn { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }\r\n\r\n#roc-modal .m-header {\r\n position:sticky; top:0; display:flex; align-items:center; justify-content:space-between;\r\n padding:13px 18px; background:#0a0c10; border-bottom:1px solid rgba(240,180,41,0.12); z-index:10;\r\n}\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\r\n#roc-modal .m-lang { display:flex; gap:4px; }\r\n#roc-modal .m-lang button {\r\n font-family:'Barlow',sans-serif; font-size:10px; font-weight:700; letter-spacing:1px;\r\n background:transparent; border:0.5px solid rgba(255,255,255,0.15);\r\n color:rgba(255,255,255,0.4); padding:5px 9px; border-radius:2px; cursor:pointer;\r\n transition:all 0.15s;\r\n}\r\n#roc-modal .m-lang button.active { border-color:#f0b429; color:#f0b429; }\r\n\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\r\n#roc-modal .m-body { padding:22px 22px 26px; color:#e8eaf0; }\r\n\r\n#roc-modal .lang-content { display:none; }\r\n#roc-modal .lang-content.active { display:block; }\r\n\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\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\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 <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\">\u0394\u0395\u03a3 \u03a4\u0391 BRACKETS LIVE<\/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\" id=\"roc-cd-label-txt\">\u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf event \u03c3\u03b5<\/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\">\u0397\u03bc\u03b5\u03c1\u03b5\u03c2<\/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\">\u03a9\u03c1\u03b5\u03c2<\/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\">\u039b\u03b5\u03c0\u03c4\u03b1<\/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\">\u0394\u03b5\u03c5\u03c4\/\u03c0\u03c4\u03b1<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"roc-next\">\r\n <div class=\"roc-dot\"><\/div>\r\n <span id=\"roc-next-label\">\u2014<\/span>\r\n <\/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\">\u039a\u0391\u039d\u0395 \u0395\u0393\u0393\u03a1\u0391\u03a6\u0397 \u03a4\u03a9\u03a1\u0391<\/a>\r\n <button class=\"roc-btn-s\" id=\"roc-how-btn\" onclick=\"document.getElementById('roc-popup-overlay').classList.add('open')\">\u03a0\u03a9\u03a3 \u039d\u0391 \u03a0\u0391\u0399\u039e\u03a9 \u2197<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"roc-cal-wrap\" id=\"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 id=\"roc-cal-btn-label\">ADD TO CALENDAR<\/span>\r\n <i class=\"ti ti-chevron-down\" id=\"roc-cal-chevron\" aria-hidden=\"true\" style=\"font-size:12px;opacity:.5;transition:transform .2s;\"><\/i>\r\n <\/button>\r\n <div class=\"roc-cal-dropdown\" id=\"roc-cal-dropdown\">\r\n <div class=\"roc-cal-dropdown-title\" id=\"roc-cal-dropdown-title\">\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u0397\u03bc\u03b5\u03c1\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf<\/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>\r\n Google Calendar\r\n <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>\r\n Outlook\r\n <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>\r\n Apple \/ iCal\r\n <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>\r\n Yahoo Calendar\r\n <span class=\"sub\">Web<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"roc-perks\">\r\n <div class=\"roc-perk p-free\"><i class=\"ti ti-circle-check\"><\/i><span>\u03a3\u03c5\u03bc\u03bc\u03b5\u03c4\u03bf\u03c7\u03ae Free<\/span><\/div>\r\n <div class=\"roc-perk p-online\"><i class=\"ti ti-wifi\"><\/i><span>Online<\/span><\/div>\r\n <div class=\"roc-perk p-bonus\"><i class=\"ti ti-gift\"><\/i><span>Bonus 50\u20ac<\/span><\/div>\r\n <div class=\"roc-perk p-qualify\"><i class=\"ti ti-trophy\"><\/i><span>\u03a0\u03c1\u03cc\u03ba\u03c1\u03b9\u03c3\u03b7 \u03c3\u03c4\u03b1 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\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\" class=\"active\" onclick=\"rocSetLang('el')\">\u0395\u039b<\/button>\r\n <button id=\"roc-lang-en\" onclick=\"rocSetLang('en')\">EN<\/button>\r\n <\/div>\r\n <a href=\"https:\/\/battlefy.com\/vgl-esports\" target=\"_blank\" class=\"m-reg\" rel=\"noopener\">\u0395\u0393\u0393\u03a1\u0391\u03a6\u0397 \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\r\n <div class=\"m-body\">\r\n\r\n \r\n <div class=\"lang-content active\" 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\">\r\n <div class=\"g-step-n\">1<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\" translate=\"no\">Register on Battlefy<\/div>\r\n <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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">2<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">Check-in<\/div>\r\n <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>\r\n <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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">3<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">I am Ready<\/div>\r\n <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>\r\n <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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">4<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">Chat & Play<\/div>\r\n <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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">5<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">Report Score<\/div>\r\n <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>\r\n <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>\r\n <\/div>\r\n <\/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 \r\n <div class=\"lang-content\" 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\">\r\n <div class=\"g-step-n\">1<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">Register on Battlefy<\/div>\r\n <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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">2<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">Check-in<\/div>\r\n <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>\r\n <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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">3<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">I am Ready<\/div>\r\n <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>\r\n <div class=\"g-warn\">\u26a0\ufe0f If you don't click within 5 minutes, you forfeit the match<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">4<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">Chat & Play<\/div>\r\n <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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">5<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">Report Score<\/div>\r\n <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>\r\n <div class=\"g-tip\">\u2139\ufe0f The Discord support chat is closed during the tournament.<\/div>\r\n <\/div>\r\n <\/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\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\n \/\/ \u2500\u2500 CSV URL \u03b1\u03c0\u03cc Google Sheets \u2500\u2500\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 \/\/ Title\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 var rocLang = (window.location.pathname.indexOf('\/el\/') !== -1) ? 'el' : 'en';\r\n\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);\r\n return result;\r\n }\r\n\r\n var MONTH_MAP = {\r\n jan:1,feb:2,mar:3,apr:4,may:5,jun:6,\r\n jul:7,aug:8,sep:9,oct:10,nov:11,dec:12\r\n };\r\n\r\n function parseDate(s) {\r\n if (!s) return null;\r\n s = s.trim();\r\n \/\/ yyyy-mm-dd\r\n if (\/^\\d{4}-\\d{2}-\\d{2}$\/.test(s)) return s;\r\n \/\/ dd\/mm\/yyyy\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 \/\/ \"May 15\" \u03ae \"May 15 \u2192 May 16\" \u2014 \u03c0\u03ac\u03c1\u03b5 \u03bc\u03cc\u03bd\u03bf \u03c4\u03b7\u03bd \u03c0\u03c1\u03ce\u03c4\u03b7 \u03b7\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1\r\n var m2 = s.match(\/([A-Za-z]+)\\s+(\\d{1,2})\/);\r\n if (m2) {\r\n var mo = MONTH_MAP[m2[1].toLowerCase().substring(0,3)];\r\n if (mo) {\r\n var yr = new Date().getFullYear();\r\n return yr + '-' + pad(mo) + '-' + pad(parseInt(m2[2]));\r\n }\r\n }\r\n \/\/ \"15 May\" format\r\n var m3 = s.match(\/^(\\d{1,2})\\s+([A-Za-z]+)\/);\r\n if (m3) {\r\n var mo2 = MONTH_MAP[m3[2].toLowerCase().substring(0,3)];\r\n if (mo2) return new Date().getFullYear() + '-' + pad(mo2) + '-' + pad(parseInt(m3[1]));\r\n }\r\n return null;\r\n }\r\n\r\n function parseTime(s) {\r\n if (!s) return null;\r\n 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 \/\/ \u039c\u03cc\u03bd\u03bf \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03c0.\u03c7. \"19\"\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 \/\/ \u2500\u2500 Parse CSV \u2500\u2500\r\n function parseCSV(text) {\r\n \/\/ Normalize line endings\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\r\n var headers = lines[0].split(',').map(function(h){ return h.trim().replace(\/^\"|\"$\/g,'').toUpperCase(); });\r\n console.log('[ROC] CSV headers:', headers);\r\n\r\n function findCol() {\r\n var names = Array.prototype.slice.call(arguments);\r\n for (var i = 0; i < headers.length; i++) {\r\n var hNorm = headers[i].replace(\/[\\s\\-_]\/g,'');\r\n for (var j = 0; j < names.length; j++) {\r\n if (hNorm === names[j].replace(\/[\\s\\-_]\/g,'').toUpperCase()) return i;\r\n }\r\n }\r\n return -1;\r\n }\r\n\r\n var idxGame = findCol('GAME');\r\n var idxRound = findCol('ROUND');\r\n var idxDate = findCol('DATE');\r\n var idxCheckIn = findCol('CHECK IN','CHECKIN','CHECK-IN','CHECKINHOUR');\r\n var idxStart = findCol('START','START TIME','STARTTIME');\r\n var idxLink = findCol('LINK','URL');\r\n\r\n console.log('[ROC] Cols \u2192 GAME:'+idxGame+' ROUND:'+idxRound+' DATE:'+idxDate+' CHECKIN:'+idxCheckIn+' START:'+idxStart+' LINK:'+idxLink);\r\n\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\r\n function col(idx){ return idx >= 0 && idx < cols.length ? cols[idx].trim().replace(\/^\"|\"$\/g,'') : ''; }\r\n\r\n var game = col(idxGame);\r\n var round = col(idxRound);\r\n var dateRaw = col(idxDate);\r\n var checkIn = col(idxCheckIn);\r\n var start = col(idxStart);\r\n var link = col(idxLink);\r\n\r\n if (!dateRaw || !game) continue;\r\n\r\n var isoDate = parseDate(dateRaw);\r\n if (!isoDate) { console.log('[ROC] Skipped unrecognized date:', JSON.stringify(dateRaw)); continue; }\r\n\r\n var startT = parseTime(start);\r\n var checkT = parseTime(checkIn);\r\n\r\n console.log('[ROC] OK:', game, round, isoDate, 'start:', startT, 'checkin:', checkT, 'link:', link ? link.substring(0,40) : '\u2014');\r\n events.push({ game: game, round: round, date: isoDate, checkIn: checkT, start: startT, link: link });\r\n }\r\n return events;\r\n }\r\n\r\n \/\/ \u2500\u2500 \u0392\u03c1\u03b5\u03c2 next \/ current event \u2500\u2500\r\n function getNextEvent(events) {\r\n var now = new Date();\r\n var next = null;\r\n var current = null; \/\/ event \u03c0\u03bf\u03c5 \u03c4\u03c1\u03ad\u03c7\u03b5\u03b9 \u03b1\u03c5\u03c4\u03ae \u03c4\u03b7 \u03c3\u03c4\u03b9\u03b3\u03bc\u03ae\r\n\r\n for (var i = 0; i < events.length; i++) {\r\n var ev = events[i];\r\n \/\/ \u038f\u03c1\u03b1 \u03ad\u03bd\u03b1\u03c1\u03be\u03b7\u03c2 (GMT+3)\r\n var startH = ev.start ? ev.start.h : 19;\r\n var startMin = ev.start ? ev.start.min : 0;\r\n \/\/ \u038f\u03c1\u03b1 \u03bb\u03ae\u03be\u03b7\u03c2 = 23:00 GMT+3\r\n var endH = 23, endMin = 0;\r\n\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\r\n if (now >= evStart && now < evEnd) {\r\n current = ev;\r\n break;\r\n }\r\n if (evEnd > now && !next) {\r\n next = ev;\r\n }\r\n }\r\n return { current: current, next: next };\r\n }\r\n\r\n \/\/ \u2500\u2500 Calendar links \u2500\u2500\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;\r\n var startMin = ev.start ? ev.start.min : 0;\r\n var title = 'Rise of Champions \u2013 ' + ev.game;\r\n var desc = 'Register: ' + (ev.link || 'https:\/\/battlefy.com\/vgl-esports');\r\n var loc = 'Online \u2013 Battlefy';\r\n var startUtc = toICSDate(ev.date, startH, startMin);\r\n var endUtc = toICSDate(ev.date, 23, 0);\r\n var gStart = startUtc;\r\n var gEnd = endUtc;\r\n\r\n var googleUrl = 'https:\/\/calendar.google.com\/calendar\/render?action=TEMPLATE'\r\n + '&text=' + encodeURIComponent(title)\r\n + '&dates=' + gStart + '\/' + gEnd\r\n + '&details=' + encodeURIComponent(desc)\r\n + '&location=' + encodeURIComponent(loc);\r\n document.getElementById('roc-cal-google').href = googleUrl;\r\n\r\n var outlookUrl = 'https:\/\/outlook.live.com\/calendar\/0\/deeplink\/compose?subject=' + encodeURIComponent(title)\r\n + '&startdt=' + ev.date + 'T' + String(startH).padStart(2,'0') + ':' + String(startMin).padStart(2,'0') + ':00+03:00'\r\n + '&enddt=' + ev.date + 'T23:00:00+03:00'\r\n + '&body=' + encodeURIComponent(desc)\r\n + '&location='+ encodeURIComponent(loc)\r\n + '&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent';\r\n document.getElementById('roc-cal-outlook').href = outlookUrl;\r\n\r\n var yahooUrl = 'https:\/\/calendar.yahoo.com\/?v=60'\r\n + '&title=' + encodeURIComponent(title)\r\n + '&st=' + gStart\r\n + '&et=' + gEnd\r\n + '&desc=' + encodeURIComponent(desc)\r\n + '&in_loc='+ encodeURIComponent(loc);\r\n document.getElementById('roc-cal-yahoo').href = yahooUrl;\r\n\r\n var ics = [\r\n 'BEGIN:VCALENDAR','VERSION:2.0','PRODID:-\/\/VGL Esports\/\/ROC\/\/EN',\r\n 'BEGIN:VEVENT',\r\n 'UID:roc-' + ev.date + '@vglesports.com',\r\n 'DTSTAMP:' + new Date().toISOString().replace(\/[-:]\/g,'').replace(\/\\.\\d{3}\/,''),\r\n 'DTSTART:' + startUtc,\r\n 'DTEND:' + endUtc,\r\n 'SUMMARY:' + title,\r\n 'DESCRIPTION:' + desc,\r\n 'LOCATION:' + loc,\r\n 'URL:' + (ev.link || 'https:\/\/battlefy.com\/vgl-esports'),\r\n 'END:VEVENT','END:VCALENDAR'\r\n ].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 \/\/ \u2500\u2500 UI update \u2500\u2500\r\n var DAYS = ['\u039a\u03c5\u03c1\u03b9\u03b1\u03ba\u03ae','\u0394\u03b5\u03c5\u03c4\u03ad\u03c1\u03b1','\u03a4\u03c1\u03af\u03c4\u03b7','\u03a4\u03b5\u03c4\u03ac\u03c1\u03c4\u03b7','\u03a0\u03ad\u03bc\u03c0\u03c4\u03b7','\u03a0\u03b1\u03c1\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae','\u03a3\u03ac\u03b2\u03b2\u03b1\u03c4\u03bf'];\r\n var MONS = ['\u0399\u03b1\u03bd','\u03a6\u03b5\u03b2','\u039c\u03b1\u03c1','\u0391\u03c0\u03c1','\u039c\u03b1\u0390\u03bf\u03c5','\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\r\n var lastState = null; \/\/ 'live' | 'countdown' | 'done'\r\n var allEvents = [];\r\n var curDate = null;\r\n\r\n function setLiveMode(ev) {\r\n if (lastState === 'live') return; \/\/ \u03ae\u03b4\u03b7 live\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\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\r\n if (result.current) {\r\n \/\/ LIVE MODE\r\n setLiveMode(result.current);\r\n return;\r\n }\r\n\r\n setCountdownMode();\r\n\r\n var ev = result.next;\r\n if (!ev) {\r\n document.getElementById('roc-next-label').textContent = '\u0397 \u03c3\u03b5\u03b6\u03cc\u03bd \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03b8\u03b7\u03ba\u03b5!';\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\r\n \/\/ \u0391\u03bd\u03b1\u03bd\u03ad\u03c9\u03c3\u03b7 label + cal links \u03b1\u03bd \u03ac\u03bb\u03bb\u03b1\u03be\u03b5 event\r\n if (curDate !== ev.date) {\r\n curDate = ev.date;\r\n buildCalLinks(ev);\r\n var startH = ev.start ? ev.start.h : 19;\r\n var startMin = ev.start ? ev.start.min : 0;\r\n var checkH = ev.checkIn ? ev.checkIn.h : (startH - 1);\r\n var 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 document.getElementById('roc-next-label').innerHTML =\r\n DAYS[d.getDay()] + ' ' + d.getDate() + ' ' + MONS[d.getMonth()] +\r\n ', Check in ' + String(checkH).padStart(2,'0') + ':' + String(checkMin).padStart(2,'0') +\r\n ' \u00b7 <span class=\"gtag\">' + ev.game + '<\/span>' +\r\n (ev.round ? ' \u00b7 <span style=\"color:#fbbf24;font-weight:600;\">' + ev.round + '<\/span>' : '');\r\n }\r\n\r\n var startH = ev.start ? ev.start.h : 19;\r\n var 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) {\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 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 \/\/ \u2500\u2500 Fetch CSV & start \u2500\u2500\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 \/\/ \u03a4\u03b1\u03be\u03b9\u03bd\u03cc\u03bc\u03b7\u03c3\u03b7 \u03ba\u03b1\u03c4\u03ac \u03b7\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1\r\n allEvents.sort(function(a,b){ return a.date.localeCompare(b.date); });\r\n tick();\r\n setInterval(tick, 1000);\r\n \/\/ \u039e\u03b1\u03bd\u03b1\u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b5 \u03c4\u03bf CSV \u03ba\u03ac\u03b8\u03b5 5 \u03bb\u03b5\u03c0\u03c4\u03ac\r\n setInterval(function(){\r\n fetch(CSV_URL)\r\n .then(function(r){ return r.text(); })\r\n .then(function(t){ allEvents = parseCSV(t); allEvents.sort(function(a,b){ return a.date.localeCompare(b.date); }); })\r\n .catch(function(){});\r\n }, 5 * 60 * 1000);\r\n })\r\n .catch(function(err){\r\n console.warn('ROC Widget: CSV fetch failed', err);\r\n \/\/ Fallback: countdown \u03bc\u03cc\u03bd\u03bf\r\n tick();\r\n setInterval(tick, 1000);\r\n });\r\n }\r\n\r\n loadAndStart();\r\n\r\n \/\/ \u2500\u2500 Calendar dropdown \u2500\u2500\r\n window.toggleCalDropdown = function(e) {\r\n e.stopPropagation();\r\n var dd = document.getElementById('roc-cal-dropdown');\r\n var ch = document.getElementById('roc-cal-chevron');\r\n dd.classList.toggle('open');\r\n ch.style.transform = dd.classList.contains('open') ? 'rotate(180deg)' : 'rotate(0deg)';\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'); document.getElementById('roc-cal-chevron').style.transform = 'rotate(0deg)'; }\r\n });\r\n\r\n \/\/ \u2500\u2500 Language switcher \u2500\u2500\r\n window.rocSetLang = function(lang) {\r\n rocLang = 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.querySelector('#roc-modal .m-reg').textContent = lang === 'el' ? '\u0395\u0393\u0393\u03a1\u0391\u03a6\u0397 \u2197' : 'REGISTER \u2197';\r\n document.getElementById('roc-reg-btn').textContent = lang === 'el' ? '\u039a\u0391\u039d\u0395 \u0395\u0393\u0393\u03a1\u0391\u03a6\u0397 \u03a4\u03a9\u03a1\u0391' : 'REGISTER NOW';\r\n document.getElementById('roc-how-btn').textContent = lang === 'el' ? '\u03a0\u03a9\u03a3 \u039d\u0391 \u03a0\u0391\u0399\u039e\u03a9 \u2197' : 'HOW TO PLAY \u2197';\r\n document.getElementById('roc-cd-label-txt').textContent = lang === 'el' ? '\u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf event \u03c3\u03b5' : 'Next event in';\r\n document.getElementById('roc-cal-btn-label').textContent = lang === 'el' ? '\u03a0\u03a1\u039f\u03a3\u0398\u0397\u039a\u0397 \u03a3\u03a4\u039f \u0397\u039c\u0395\u03a1\u039f\u039b\u039f\u0393\u0399\u039f' : 'ADD TO CALENDAR';\r\n document.getElementById('roc-cal-dropdown-title').textContent = lang === 'el' ? '\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u0397\u03bc\u03b5\u03c1\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf' : 'Choose Calendar App';\r\n var perks = document.querySelectorAll('#roc-wrap .roc-perk span');\r\n var pl = lang === 'el'\r\n ? ['\u03a3\u03c5\u03bc\u03bc\u03b5\u03c4\u03bf\u03c7\u03ae Free','Online','Bonus 50\u20ac','\u03a0\u03c1\u03cc\u03ba\u03c1\u03b9\u03c3\u03b7 \u03c3\u03c4\u03b1 Finals']\r\n : ['Free Entry','Online','Bonus 50\u20ac','Qualify for Finals'];\r\n perks.forEach(function(p, i){ if(pl[i]) p.textContent = pl[i]; });\r\n };\r\n\r\n rocSetLang(rocLang);\r\n\r\n \/\/ \u2500\u2500 Canvas particles \u2500\u2500\r\n var c = document.getElementById('roc-canvas');\r\n var ctx = c.getContext('2d');\r\n function rsz(){ var r = c.parentElement.getBoundingClientRect(); c.width = r.width||680; c.height = r.height||540; }\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);\r\n var 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){\r\n p.y -= p.vy; p.x += p.vx; p.tw += p.ts;\r\n if (p.y < -5) { Object.assign(p, mkP()); p.y = c.height+5; }\r\n var a = p.a * (0.65 + 0.35*Math.sin(p.tw));\r\n ctx.beginPath(); ctx.arc(p.x,p.y,p.r,0,Math.PI*2);\r\n ctx.fillStyle = p.col + a + ')'; ctx.fill();\r\n });\r\n requestAnimationFrame(frame);\r\n }\r\n frame();\r\n\r\n document.addEventListener('keydown', function(e){\r\n if (e.key === 'Escape') {\r\n document.getElementById('roc-popup-overlay').classList.remove('open');\r\n document.getElementById('roc-cal-dropdown').classList.remove('open');\r\n }\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f7f22b2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f7f22b2\" 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-f906f49\" data-id=\"f906f49\" 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-9f943ba elementor-widget elementor-widget-html\" data-id=\"9f943ba\" 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#roc-sched * { box-sizing: border-box; }\r\n#roc-sched div, #roc-sched span:not(.sched-time-badge):not(.sched-badge):not(.sched-register-btn):not(.sched-pill) { margin: 0; padding: 0; }\r\n\r\n#roc-sched {\r\n width: 100%;\r\n background: #121925;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: 'Barlow', sans-serif;\r\n}\r\n\r\n#roc-sched::after {\r\n content: '';\r\n position: absolute; inset: 0;\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 pointer-events: none; z-index: 0;\r\n}\r\n#roc-sched > * { position: relative; z-index: 1; }\r\n\r\n\/* centered content wrapper *\/\r\n.sched-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n}\r\n\r\n\/* header strip *\/\r\n.sched-header-strip {\r\n border-bottom: 0.5px solid rgba(255,255,255,0.06);\r\n}\r\n.sched-header {\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 22px 0 20px;\r\n flex-wrap: wrap; gap: 12px;\r\n}\r\n.sched-header-left { display: flex; flex-direction: column; gap: 4px; }\r\n.sched-title {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 26px; letter-spacing: 2px; color: #fff; line-height: 1;\r\n}\r\n.sched-title span { color: #60a5fa; }\r\n.sched-sublabel {\r\n font-size: 9px; font-weight: 600; letter-spacing: 1.5px;\r\n text-transform: uppercase; color: rgba(255,255,255,0.28); margin-top: 2px;\r\n}\r\n.sched-header-pills { display: flex; gap: 5px; align-items: center; }\r\n.sched-pill {\r\n font-size: 9px; font-weight: 700; letter-spacing: 0.8px;\r\n text-transform: uppercase; padding: 6px 14px;\r\n border-radius: 2px; border: 0.5px solid;\r\n}\r\n.sched-pill.ea { color: #4ade80; border-color: rgba(74,222,128,0.3); background: rgba(74,222,128,0.06); }\r\n.sched-pill.rl { color: #ff6b35; border-color: rgba(255,107,53,0.3); background: rgba(255,107,53,0.06); }\r\n.sched-pill.ef { color: #00d4ff; border-color: rgba(0,212,255,0.3); background: rgba(0,212,255,0.06); }\r\n\r\n\/* tabs \u2014 full width bg, centered content *\/\r\n.sched-tabs-bar {\r\n background: rgba(0,0,0,0.15);\r\n border-bottom: 0.5px solid rgba(255,255,255,0.06);\r\n}\r\n.sched-tabs {\r\n display: flex;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n}\r\n.sched-tab {\r\n flex: 1; padding: 14px 16px; background: none; border: none; cursor: pointer;\r\n font-family: 'Bebas Neue', sans-serif; font-size: 13px; letter-spacing: 2px;\r\n color: rgba(255,255,255,0.3); border-bottom: 2px solid transparent;\r\n transition: color 0.2s, border-color 0.2s, background 0.2s;\r\n display: flex; align-items: center; justify-content: center; gap: 7px;\r\n}\r\n.sched-tab:hover { color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.02); }\r\n.sched-tab.active.ea { color: #4ade80; border-bottom-color: #4ade80; background: rgba(74,222,128,0.03); }\r\n.sched-tab.active.rl { color: #ff6b35; border-bottom-color: #ff6b35; background: rgba(255,107,53,0.03); }\r\n.sched-tab.active.ef { color: #00d4ff; border-bottom-color: #00d4ff; background: rgba(0,212,255,0.03); }\r\n.sched-tab-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }\r\n.sched-tab.ea .sched-tab-dot { background: #4ade80; }\r\n.sched-tab.rl .sched-tab-dot { background: #ff6b35; }\r\n.sched-tab.ef .sched-tab-dot { background: #00d4ff; }\r\n\r\n.sched-game-panel { display: none; }\r\n.sched-game-panel.active { display: block; }\r\n\r\n\/* events list centered *\/\r\n.sched-events-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n}\r\n\r\n.sched-ev {\r\n display: grid;\r\n grid-template-columns: 52px 1fr auto auto auto;\r\n align-items: center; gap: 14px;\r\n padding: 14px 0;\r\n border-bottom: 0.5px solid rgba(255,255,255,0.04);\r\n transition: background 0.15s;\r\n}\r\n.sched-ev:last-child { border-bottom: none; }\r\n.sched-ev:hover { background: rgba(255,255,255,0.015); }\r\n\r\n.sched-ev-num {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 28px;\r\n color: rgba(255,255,255,0.12); text-align: center; line-height: 1;\r\n}\r\n.sched-ev.finals .sched-ev-num { color: rgba(240,192,64,0.35); font-size: 20px; }\r\n.sched-ev.past .sched-ev-num { color: rgba(255,255,255,0.04); }\r\n\r\n.sched-ev-info { min-width: 0; }\r\n.sched-ev-event {\r\n font-size: 8px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;\r\n color: rgba(255,255,255,0.28); margin-bottom: 3px;\r\n}\r\n.sched-ev.past .sched-ev-event { opacity: 0.4; }\r\n.sched-ev-name {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 20px;\r\n letter-spacing: 1.5px; color: #ffffff; line-height: 1;\r\n}\r\n.sched-ev.past .sched-ev-name { color: rgba(255,255,255,0.22); }\r\n.sched-ev.finals .sched-ev-name { color: #f0c040; }\r\n.sched-ev.open-reg .sched-ev-name { color: #ffffff; }\r\n.sched-ev.soon-ev .sched-ev-name { color: #ffffff; }\r\n.sched-ev-meta {\r\n display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin-top: 7px;\r\n}\r\n.sched-ev-date {\r\n font-size: 10px; font-weight: 600; letter-spacing: 0.8px; color: rgba(255,255,255,0.35);\r\n}\r\n.sched-ev.past .sched-ev-date { opacity: 0.45; }\r\n\r\n.sched-time-badge {\r\n font-size: 9px; font-weight: 700; letter-spacing: 0.8px;\r\n border-radius: 3px; padding: 1px 5px !important; white-space: nowrap; display: inline-block;\r\n}\r\n.sched-time-badge.checkin {\r\n color: #93c5fd; background: rgba(96,165,250,0.12); border: 1px solid rgba(96,165,250,0.3);\r\n}\r\n.sched-time-badge.start {\r\n color: #86efac; background: rgba(74,222,128,0.1); border: 1px solid rgba(74,222,128,0.28);\r\n}\r\n.sched-ev.past .sched-time-badge { opacity: 0.3; }\r\n\r\n.sched-badge {\r\n font-size: 8px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;\r\n padding: 5px 14px !important; border-radius: 3px; white-space: nowrap; flex-shrink: 0;\r\n}\r\n.sched-badge.done { background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.18); }\r\n.sched-badge.open-reg { background: rgba(74,222,128,0.12); color: #4ade80; border: 1px solid rgba(74,222,128,0.4); }\r\n.sched-badge.soon { background: rgba(250,204,21,0.1); color: #facc15; border: 1px solid rgba(250,204,21,0.35); }\r\n.sched-badge.upcoming { background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.2); }\r\n.sched-badge.finals { background: rgba(240,192,64,0.1); color: #f0c040; border: 1px solid rgba(240,192,64,0.3); }\r\n.sched-badge.hide { background: rgba(255,255,255,0.03); color: rgba(255,255,255,0.14); }\r\n\r\n@keyframes pulse-register {\r\n 0%,100% { opacity: 1; border-color: rgba(220,50,50,0.6); color: rgba(230,90,90,1); background: rgba(200,40,40,0.15); }\r\n 50% { opacity: 0.5; border-color: rgba(220,50,50,0.15); color: rgba(200,60,60,0.5); background: rgba(200,40,40,0.04); }\r\n}\r\n.sched-register-btn {\r\n display: inline-flex; align-items: center;\r\n font-size: 8px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;\r\n padding: 5px 14px !important; border-radius: 3px; text-decoration: none; flex-shrink: 0;\r\n border: 1px solid rgba(220,50,50,0.5); color: rgba(220,80,80,0.9);\r\n background: rgba(200,40,40,0.1);\r\n animation: pulse-register 1.4s ease-in-out infinite;\r\n}\r\n.sched-register-btn:hover {\r\n border-color: rgba(220,50,50,0.9); color: #ff7070;\r\n background: rgba(200,40,40,0.25); animation: none;\r\n}\r\n\r\n.sched-cal-wrap { position: relative; flex-shrink: 0; }\r\n.sched-cal-btn {\r\n width: 34px; height: 34px; border-radius: 3px;\r\n background: rgba(96,165,250,0.06); border: 1px solid rgba(96,165,250,0.2);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 15px; cursor: pointer;\r\n transition: background 0.2s, border-color 0.2s;\r\n}\r\n.sched-cal-btn:hover { background: rgba(96,165,250,0.14); border-color: rgba(96,165,250,0.4); }\r\n.sched-cal-btn.hidden { opacity: 0; pointer-events: none; }\r\n\r\n.cal-dropdown {\r\n display: none;\r\n position: absolute; right: 0; top: calc(100% + 6px);\r\n background: #1a2235; border: 0.5px solid rgba(255,255,255,0.12);\r\n border-radius: 4px; overflow: hidden; z-index: 200;\r\n min-width: 165px; box-shadow: 0 8px 24px rgba(0,0,0,0.5);\r\n}\r\n.cal-dropdown.open { display: block; }\r\n.cal-dropdown-title {\r\n padding: 8px 12px 5px;\r\n font-size: 7px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;\r\n color: rgba(255,255,255,0.25); border-bottom: 0.5px solid rgba(255,255,255,0.07);\r\n}\r\n.cal-option {\r\n display: flex; align-items: center; gap: 8px;\r\n padding: 9px 12px; text-decoration: none;\r\n font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.65);\r\n transition: background 0.15s, color 0.15s; white-space: nowrap;\r\n border-bottom: 0.5px solid rgba(255,255,255,0.04);\r\n}\r\n.cal-option:last-child { border-bottom: none; }\r\n.cal-option:hover { background: rgba(255,255,255,0.06); color: #fff; }\r\n\r\n\/* Finals divider section *\/\r\n.sched-finals-section {\r\n display: none;\r\n}\r\n.sched-finals-section.has-finals {\r\n display: block;\r\n}\r\n.sched-finals-divider {\r\n max-width: 1200px;\r\n margin: 8px auto 0;\r\n padding: 0 28px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n}\r\n.sched-finals-divider-label {\r\n font-size: 8px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase;\r\n color: rgba(240,192,64,0.55);\r\n white-space: nowrap;\r\n display: flex; align-items: center; gap: 6px;\r\n}\r\n.sched-finals-divider-line {\r\n flex: 1; height: 1px;\r\n background: linear-gradient(90deg, rgba(240,192,64,0.25), rgba(240,192,64,0.04));\r\n}\r\n.sched-finals-events {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n background: rgba(240,192,64,0.02);\r\n}\r\n\r\n.sched-loading {\r\n text-align: center; padding: 28px;\r\n font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase;\r\n color: rgba(255,255,255,0.2);\r\n}\r\n\r\n.sched-show-more {\r\n text-align: center; padding: 22px 28px 24px;\r\n border-top: 0.5px solid rgba(255,255,255,0.05);\r\n margin-top: 8px;\r\n}\r\n.sched-show-more-btn {\r\n background: none; border: 0.5px solid rgba(255,255,255,0.18);\r\n color: rgba(255,255,255,0.45); font-family: 'Barlow', sans-serif;\r\n font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;\r\n padding: 12px 32px; border-radius: 3px; cursor: pointer;\r\n transition: border-color 0.2s, color 0.2s, background 0.2s;\r\n}\r\n.sched-show-more-btn:hover {\r\n border-color: rgba(255,255,255,0.4);\r\n color: rgba(255,255,255,0.85);\r\n background: rgba(255,255,255,0.04);\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .sched-inner, .sched-events-inner, .sched-finals-divider, .sched-finals-events { padding: 0 16px; }\r\n .sched-header { padding: 16px 0 14px; }\r\n .sched-header-pills { display: none; }\r\n .sched-tabs { padding: 0 16px; }\r\n .sched-ev { grid-template-columns: 36px 1fr auto auto; gap: 8px; padding: 20px 0; margin-bottom: 6px; border-bottom: 0.5px solid rgba(255,255,255,0.06) !important; }\r\n .sched-tab { font-size: 11px; letter-spacing: 1px; padding: 11px 0; }\r\n .sched-show-more { padding: 12px 16px 14px; }\r\n .cal-dropdown { right: auto; left: 0; }\r\n .sched-time-badge { font-size: 8px; padding: 3px 6px; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"roc-sched\">\r\n <div class=\"sched-header-strip\">\r\n <div class=\"sched-inner\">\r\n <div class=\"sched-header\">\r\n <div class=\"sched-header-left\">\r\n <div class=\"sched-title\">Tournament <span>Schedule<\/span><\/div>\r\n <div class=\"sched-sublabel\" id=\"schedSubLabel\">Season 1 \u2014 Loading...<\/div>\r\n <\/div>\r\n <div class=\"sched-header-pills\">\r\n <span class=\"sched-pill ea\">EA FC 26<\/span>\r\n <span class=\"sched-pill rl\">Rocket League<\/span>\r\n <span class=\"sched-pill ef\">eFOOTBALL<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sched-tabs-bar\">\r\n <div class=\"sched-tabs\">\r\n <button class=\"sched-tab ea active\" id=\"sched-tab-eafc\"><span class=\"sched-tab-dot\"><\/span> EA FC 26<\/button>\r\n <button class=\"sched-tab rl\" id=\"sched-tab-rl\"><span class=\"sched-tab-dot\"><\/span> Rocket League<\/button>\r\n <button class=\"sched-tab ef\" id=\"sched-tab-efootball\"><span class=\"sched-tab-dot\"><\/span> eFOOTBALL<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sched-game-panel active\" id=\"sched-eafc\"><div class=\"sched-loading\">\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7...<\/div><\/div>\r\n <div class=\"sched-finals-section\" id=\"sched-finals-eafc\">\r\n <div class=\"sched-finals-divider\"><div class=\"sched-finals-divider-label\">\u2605 Finals<\/div><div class=\"sched-finals-divider-line\"><\/div><\/div>\r\n <div class=\"sched-finals-events\" id=\"sched-finals-eafc-ev\"><\/div>\r\n <\/div>\r\n <div class=\"sched-show-more\" id=\"sched-more-eafc\" style=\"display:none\"><\/div>\r\n\r\n <div class=\"sched-game-panel\" id=\"sched-rl\"><div class=\"sched-loading\">\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7...<\/div><\/div>\r\n <div class=\"sched-finals-section\" id=\"sched-finals-rl\">\r\n <div class=\"sched-finals-divider\"><div class=\"sched-finals-divider-label\">\u2605 Finals<\/div><div class=\"sched-finals-divider-line\"><\/div><\/div>\r\n <div class=\"sched-finals-events\" id=\"sched-finals-rl-ev\"><\/div>\r\n <\/div>\r\n <div class=\"sched-show-more\" id=\"sched-more-rl\" style=\"display:none\"><\/div>\r\n\r\n <div class=\"sched-game-panel\" id=\"sched-efootball\"><div class=\"sched-loading\">\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7...<\/div><\/div>\r\n <div class=\"sched-finals-section\" id=\"sched-finals-efootball\">\r\n <div class=\"sched-finals-divider\"><div class=\"sched-finals-divider-label\">\u2605 Finals<\/div><div class=\"sched-finals-divider-line\"><\/div><\/div>\r\n <div class=\"sched-finals-events\" id=\"sched-finals-efootball-ev\"><\/div>\r\n <\/div>\r\n <div class=\"sched-show-more\" id=\"sched-more-efootball\" style=\"display:none\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\nvar COL = { event:2, game:3, round:4, date:5, status:6, register:7, prizepool:8, checkin:9, start:10, tournLink:11, pageLink:12 };\r\nvar CSV_URL = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vRwYEJQQvu8A5aCzPtb_vlK-bUTSpKHNq1pGQo_IrScbTshZayVbwL1S6AMODASFA\/pub?gid=1751640218&single=true&output=csv';\r\nvar GAME_KEYS = { 'EAFC26':'eafc', 'eFootball':'efootball', 'Rocket League':'rl', 'EAFC27':'eafc' };\r\nvar GAME_LABELS = { eafc:'EA FC 26', rl:'Rocket League', efootball:'eFOOTBALL' };\r\nvar PRIORITY_STATUSES = ['open regist','open reg','register','open'];\r\nvar MONTHS = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];\r\nvar openCalDropdown = null;\r\nvar _schedData = {}, _schedState = {};\r\n\r\n['eafc','rl','efootball'].forEach(function(g) {\r\n var btn = document.getElementById('sched-tab-' + g);\r\n if (btn) btn.addEventListener('click', function() { switchSchedTab(g); });\r\n});\r\n\r\ndocument.addEventListener('click', function(e) {\r\n if (!e.target.closest('.sched-cal-wrap') && openCalDropdown) {\r\n var el = document.getElementById(openCalDropdown);\r\n if (el) el.classList.remove('open');\r\n openCalDropdown = null;\r\n }\r\n});\r\n\r\nfunction toggleCalDropdown(id) {\r\n if (openCalDropdown && openCalDropdown !== id) {\r\n var prev = document.getElementById(openCalDropdown);\r\n if (prev) prev.classList.remove('open');\r\n }\r\n var el = document.getElementById(id);\r\n if (!el) return;\r\n el.classList.toggle('open');\r\n openCalDropdown = el.classList.contains('open') ? id : null;\r\n}\r\n\r\nfunction parseCSV(text) {\r\n var lines = text.trim().split('\\n'), result = [];\r\n for (var i = 0; i < lines.length; i++) {\r\n var cols = [], cur = '', inQ = false;\r\n for (var j = 0; j < lines[i].length; j++) {\r\n var ch = lines[i][j];\r\n if (ch === '\"') { inQ = !inQ; }\r\n else if (ch === ',' && !inQ) { cols.push(cur.trim()); cur = ''; }\r\n else { cur += ch; }\r\n }\r\n cols.push(cur.trim()); result.push(cols);\r\n }\r\n return result;\r\n}\r\n\r\nfunction parseSingleDate(str) {\r\n if (!str) return null;\r\n var s = str.trim();\r\n var slashMatch = s.match(\/^(\\d{1,2})\\\/(\\d{1,2})\\\/(\\d{2,4})$\/);\r\n if (slashMatch) {\r\n var day = parseInt(slashMatch[1], 10);\r\n var mon = parseInt(slashMatch[2], 10) - 1;\r\n var yr = parseInt(slashMatch[3], 10);\r\n if (yr < 100) yr += 2000;\r\n return new Date(yr, mon, day);\r\n }\r\n var d = new Date(s);\r\n if (!isNaN(d)) return d;\r\n d = new Date(s + ', 2026');\r\n if (!isNaN(d)) return d;\r\n d = new Date(s + ', 2025');\r\n if (!isNaN(d)) return d;\r\n return null;\r\n}\r\n\r\nfunction parseDate(str) {\r\n if (!str || str.toUpperCase() === 'TBA') return null;\r\n var base = str.split('\\u2192')[0].split('->')[0].trim();\r\n return parseSingleDate(base);\r\n}\r\n\r\nfunction isPriority(status) {\r\n var s = (status||'').toLowerCase().trim();\r\n return PRIORITY_STATUSES.some(function(p) { return s.indexOf(p) >= 0; });\r\n}\r\nfunction isCompleted(status) {\r\n var s = (status||'').toLowerCase().trim();\r\n return s === 'completed' || s === 'done';\r\n}\r\nfunction isHidden(status) {\r\n var s = (status||'').toLowerCase().trim();\r\n return s === 'hide' || s === 'hidden';\r\n}\r\nfunction isSoon(status) {\r\n return (status||'').toLowerCase().trim() === 'soon';\r\n}\r\nfunction isFinalStage(round) {\r\n return (round||'').toUpperCase().indexOf('FINAL') >= 0;\r\n}\r\nfunction isValidTime(t) {\r\n return t && t.indexOf(':') >= 0 && \/^\\d{1,2}:\\d{2}$\/.test(t.trim());\r\n}\r\n\r\nfunction getVisibleIndices(events) {\r\n var visible = new Set();\r\n events.forEach(function(ev, i) {\r\n if (isPriority(ev.status)) visible.add(i);\r\n });\r\n if (visible.size < 3) {\r\n var completed = [];\r\n events.forEach(function(ev, i) { if (isCompleted(ev.status)) completed.push(i); });\r\n var needed = 3 - visible.size;\r\n completed.slice(-needed).forEach(function(i) { visible.add(i); });\r\n }\r\n if (visible.size === 0) {\r\n events.slice(0,3).forEach(function(_, i) { visible.add(i); });\r\n }\r\n return visible;\r\n}\r\n\r\nfunction makeCalUrls(title, dateStr, checkin, start) {\r\n var d = parseDate(dateStr);\r\n if (!d) return null;\r\n function pad(n) { return String(n).padStart(2,'0'); }\r\n function fmt(dt) { return '' + dt.getFullYear() + pad(dt.getMonth()+1) + pad(dt.getDate()); }\r\n var s = fmt(d), e = s;\r\n if (dateStr && (dateStr.indexOf('\\u2192') >= 0 || dateStr.indexOf('->') >= 0)) {\r\n var d2 = new Date(d); d2.setDate(d2.getDate()+1); e = fmt(d2);\r\n }\r\n var startT = (checkin && checkin.indexOf(':') >= 0) ? checkin.replace(':','') + '00' : '180000';\r\n var endT = (start && start.indexOf(':') >= 0) ? start.replace(':','') + '00' : '230000';\r\n var enc = encodeURIComponent;\r\n var dtStart = s + 'T' + startT, dtEnd = e + 'T' + endT;\r\n var year = d.getFullYear(), month = pad(d.getMonth()+1), day = pad(d.getDate());\r\n var sh = (checkin && checkin.indexOf(':') >= 0) ? checkin : '18:00';\r\n var eh = (start && start.indexOf(':') >= 0) ? start : '23:00';\r\n return {\r\n google: 'https:\/\/calendar.google.com\/calendar\/render?action=TEMPLATE&text=' + enc(title) + '&dates=' + dtStart + '\/' + dtEnd,\r\n outlook: 'https:\/\/outlook.live.com\/calendar\/0\/deeplink\/compose?subject=' + enc(title) + '&startdt=' + year + '-' + month + '-' + day + 'T' + sh + ':00&enddt=' + year + '-' + month + '-' + day + 'T' + eh + ':00&allday=false',\r\n yahoo: 'https:\/\/calendar.yahoo.com\/?v=60&title=' + enc(title) + '&st=' + dtStart + '&et=' + dtEnd + '&desc=',\r\n apple: 'data:text\/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:' + dtStart + '%0ADTEND:' + dtEnd + '%0ASUMMARY:' + enc(title) + '%0AEND:VEVENT%0AEND:VCALENDAR'\r\n };\r\n}\r\n\r\nfunction formatSingleDate(str) {\r\n if (!str) return str;\r\n var d = parseSingleDate(str.trim());\r\n if (!d || isNaN(d)) return str;\r\n return d.getDate() + ' ' + MONTHS[d.getMonth()];\r\n}\r\n\r\nfunction formatDate(str) {\r\n if (!str || str.toUpperCase() === 'TBA') return 'TBA';\r\n if (str.indexOf('\\u2192') >= 0) return str.split('\\u2192').map(function(s) { return formatSingleDate(s.trim()); }).join(' \\u2192 ');\r\n if (str.indexOf('->') >= 0) return str.split('->').map(function(s) { return formatSingleDate(s.trim()); }).join(' \\u2192 ');\r\n return formatSingleDate(str);\r\n}\r\n\r\nfunction buildEventHtml(ev, idx, game) {\r\n var status = (ev.status||'').toLowerCase().trim();\r\n var done = isCompleted(ev.status);\r\n var open = isPriority(status);\r\n var soon = isSoon(ev.status);\r\n var finals = isFinalStage(ev.round);\r\n\r\n var badge = '', rowClass = '';\r\n if (finals && !done) {\r\n badge = '<span class=\"sched-badge finals\">Finals<\/span>';\r\n rowClass = 'finals';\r\n } else if (open) {\r\n rowClass = 'open-reg';\r\n } else if (soon) {\r\n badge = '<span class=\"sched-badge soon\">Soon<\/span>';\r\n rowClass = 'soon-ev';\r\n } else if (done) {\r\n badge = '<span class=\"sched-badge done\">Done<\/span>';\r\n rowClass = 'past';\r\n } else if (isHidden(ev.status)) {\r\n badge = '<span class=\"sched-badge hide\">TBA<\/span>';\r\n } else {\r\n badge = '<span class=\"sched-badge upcoming\">Upcoming<\/span>';\r\n }\r\n\r\n var evLabel = (ev.round||'').toUpperCase();\r\n var numMatch = (ev.round||'').match(\/\\d+\/);\r\n var numLabel = finals ? '\\u2605' : (numMatch ? numMatch[0] : '\\u2014');\r\n\r\n var checkinHtml = isValidTime(ev.checkin) ? '<span class=\"sched-time-badge checkin\">Check-in ' + ev.checkin.trim() + '<\/span>' : '';\r\n var startHtml = isValidTime(ev.start) ? '<span class=\"sched-time-badge start\">Starts ' + ev.start.trim() + '<\/span>' : '';\r\n var dateDisplay = (ev.date && ev.date.toUpperCase() !== 'TBA') ? formatDate(ev.date) : 'TBA';\r\n\r\n var calBtn = '<span class=\"sched-cal-btn hidden\"><\/span>';\r\n if (!done && ev.date && ev.date.toUpperCase() !== 'TBA') {\r\n var calTitle = ev.eventName + ' \\u2014 ' + (GAME_LABELS[game]||'') + ' \\u2014 ' + evLabel;\r\n var urls = makeCalUrls(calTitle, ev.date, ev.checkin, ev.start);\r\n if (urls) {\r\n var dropId = 'cal-drop-' + game + '-' + idx;\r\n calBtn = '<div class=\"sched-cal-wrap\">'\r\n + '<div class=\"sched-cal-btn\" data-dropdown=\"' + dropId + '\">📆<\/div>'\r\n + '<div class=\"cal-dropdown\" id=\"' + dropId + '\">'\r\n + '<div class=\"cal-dropdown-title\">Add to Calendar<\/div>'\r\n + '<a class=\"cal-option\" href=\"' + urls.google + '\" target=\"_blank\">📅 Google Calendar<\/a>'\r\n + '<a class=\"cal-option\" href=\"' + urls.outlook + '\" target=\"_blank\">📧 Outlook<\/a>'\r\n + '<a class=\"cal-option\" href=\"' + urls.apple + '\" download=\"event.ics\">🍎 Apple Calendar<\/a>'\r\n + '<a class=\"cal-option\" href=\"' + urls.yahoo + '\" target=\"_blank\">🟣 Yahoo Calendar<\/a>'\r\n + '<\/div><\/div>';\r\n }\r\n }\r\n\r\n var regBtn = (open && ev.tournLink)\r\n ? '<a class=\"sched-register-btn\" href=\"' + ev.tournLink + '\" target=\"_blank\">Register<\/a>'\r\n : '';\r\n\r\n return '<div class=\"sched-ev ' + rowClass + '\">'\r\n + '<div class=\"sched-ev-num\">' + numLabel + '<\/div>'\r\n + '<div class=\"sched-ev-info\">'\r\n + '<div class=\"sched-ev-event\">' + (ev.eventName||'') + '<\/div>'\r\n + '<div class=\"sched-ev-name\">' + evLabel + '<\/div>'\r\n + '<div class=\"sched-ev-meta\">'\r\n + '<span class=\"sched-ev-date\">' + dateDisplay + '<\/span>'\r\n + checkinHtml + startHtml\r\n + '<\/div>'\r\n + '<\/div>'\r\n + badge + regBtn + calBtn\r\n + '<\/div>';\r\n}\r\n\r\nfunction attachCalListeners(container) {\r\n container.querySelectorAll('.sched-cal-btn[data-dropdown]').forEach(function(btn) {\r\n btn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n toggleCalDropdown(btn.getAttribute('data-dropdown'));\r\n });\r\n });\r\n}\r\n\r\nfunction renderFinals(game, events) {\r\n var section = document.getElementById('sched-finals-' + game);\r\n var evEl = document.getElementById('sched-finals-' + game + '-ev');\r\n if (!section || !evEl) return;\r\n\r\n var finals = events.filter(function(ev) {\r\n return isFinalStage(ev.round) && !isCompleted(ev.status);\r\n });\r\n\r\n if (!finals.length) {\r\n section.classList.remove('has-finals');\r\n evEl.innerHTML = '';\r\n return;\r\n }\r\n\r\n section.classList.add('has-finals');\r\n var html = '';\r\n finals.forEach(function(ev) {\r\n html += buildEventHtml(ev, events.indexOf(ev), game);\r\n });\r\n evEl.innerHTML = html;\r\n attachCalListeners(evEl);\r\n}\r\n\r\nfunction renderEvents(game, events, showAll) {\r\n var col = document.getElementById('sched-' + game);\r\n var moreWrap = document.getElementById('sched-more-' + game);\r\n\r\n \/\/ exclude finals from the main list\r\n var nonFinals = events.filter(function(ev) {\r\n return !(isFinalStage(ev.round) && !isCompleted(ev.status));\r\n });\r\n\r\n var visibleSet = getVisibleIndices(nonFinals);\r\n var visible = showAll ? nonFinals : nonFinals.filter(function(_, i) { return visibleSet.has(i); });\r\n var hasHidden = !showAll && nonFinals.some(function(_, i) { return !visibleSet.has(i); });\r\n\r\n var html = '';\r\n visible.forEach(function(ev) {\r\n html += buildEventHtml(ev, events.indexOf(ev), game);\r\n });\r\n\r\n col.innerHTML = '<div class=\"sched-events-inner\">'\r\n + (html || '<div class=\"sched-loading\">\u0394\u03b5\u03bd \u03b2\u03c1\u03ad\u03b8\u03b7\u03ba\u03b1\u03bd \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1.<\/div>')\r\n + '<\/div>';\r\n\r\n attachCalListeners(col);\r\n\r\n ['eafc','rl','efootball'].forEach(function(g) {\r\n var w = document.getElementById('sched-more-' + g);\r\n if (w && g !== game) w.style.display = 'none';\r\n });\r\n\r\n if (moreWrap) {\r\n if (hasHidden) {\r\n moreWrap.style.display = 'block';\r\n moreWrap.innerHTML = '<button class=\"sched-show-more-btn\">View Full Schedule ▼<\/button>';\r\n moreWrap.querySelector('button').addEventListener('click', function() {\r\n _schedState[game] = true;\r\n renderEvents(game, _schedData[game], true);\r\n });\r\n } else if (showAll && nonFinals.length > visibleSet.size) {\r\n moreWrap.style.display = 'block';\r\n moreWrap.innerHTML = '<button class=\"sched-show-more-btn\">↑ Show Less<\/button>';\r\n moreWrap.querySelector('button').addEventListener('click', function() {\r\n _schedState[game] = false;\r\n renderEvents(game, _schedData[game], false);\r\n });\r\n } else {\r\n moreWrap.style.display = 'none';\r\n }\r\n }\r\n}\r\n\r\nfunction buildPanel(game, events) {\r\n _schedData[game] = events;\r\n var col = document.getElementById('sched-' + game);\r\n if (!events.length) {\r\n col.innerHTML = '<div class=\"sched-loading\">\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 renderEvents(game, events, false);\r\n renderFinals(game, events);\r\n}\r\n\r\nfunction updateSubLabel(all) {\r\n var open = null, soon = null;\r\n for (var i = 0; i < all.length; i++) {\r\n if (!open && isPriority(all[i].status)) open = all[i];\r\n if (!soon && isSoon(all[i].status)) soon = all[i];\r\n }\r\n var el = document.getElementById('schedSubLabel');\r\n if (open) {\r\n el.textContent = 'Open Registration: ' + open.eventName + ' \\u00b7 ' + (GAME_LABELS[open.gameKey]||'') + ' \\u00b7 ' + (open.round||'').toUpperCase() + ' \\u00b7 ' + formatDate(open.date);\r\n } else if (soon) {\r\n el.textContent = 'Coming Soon: ' + soon.eventName + ' \\u00b7 ' + (GAME_LABELS[soon.gameKey]||'') + ' \\u00b7 ' + (soon.round||'').toUpperCase();\r\n } else {\r\n el.textContent = 'Season 1 \\u2014 All events completed';\r\n }\r\n}\r\n\r\nfunction switchSchedTab(game) {\r\n document.querySelectorAll('.sched-tab').forEach(function(t) { t.classList.remove('active'); });\r\n document.querySelectorAll('.sched-game-panel').forEach(function(p) { p.classList.remove('active'); });\r\n \/\/ show only the active game's finals section\r\n ['eafc','rl','efootball'].forEach(function(g) {\r\n var s = document.getElementById('sched-finals-' + g);\r\n if (s) s.style.display = (g === game) ? '' : 'none';\r\n var w = document.getElementById('sched-more-' + g);\r\n if (w && g !== game) w.style.display = 'none';\r\n });\r\n document.getElementById('sched-tab-' + game).classList.add('active');\r\n document.getElementById('sched-' + game).classList.add('active');\r\n if (_schedData[game]) {\r\n setTimeout(function() {\r\n renderEvents(game, _schedData[game], _schedState[game] || false);\r\n renderFinals(game, _schedData[game]);\r\n }, 0);\r\n }\r\n}\r\n\r\nasync function loadSchedule() {\r\n try {\r\n var res = await fetch(CSV_URL);\r\n var text = await res.text();\r\n var rows = parseCSV(text);\r\n\r\n var headerRow = 0;\r\n for (var r = 0; r < Math.min(rows.length, 5); r++) {\r\n if (rows[r].some(function(c) { return c.toUpperCase() === 'GAME'; })) { headerRow = r; break; }\r\n }\r\n\r\n var headers = rows[headerRow].map(function(h) { return h.toUpperCase().trim(); });\r\n var ci = {\r\n event: headers.indexOf('EVENT'),\r\n game: headers.indexOf('GAME'),\r\n round: headers.indexOf('ROUND'),\r\n date: headers.indexOf('DATE'),\r\n status: headers.indexOf('STATUS'),\r\n register: headers.indexOf('REGISTER'),\r\n prizepool:headers.indexOf('PRIZEPOOL'),\r\n checkin: headers.indexOf('CHECK IN'),\r\n start: headers.indexOf('START'),\r\n tournLink:headers.indexOf('TOURNAMENT LINK'),\r\n pageLink: headers.indexOf('PAGE LINK'),\r\n };\r\n\r\n if (ci.game < 0) ci.game = COL.game;\r\n if (ci.event < 0) ci.event = COL.event;\r\n if (ci.round < 0) ci.round = COL.round;\r\n if (ci.date < 0) ci.date = COL.date;\r\n if (ci.status < 0) ci.status = COL.status;\r\n if (ci.checkin < 0) ci.checkin = COL.checkin;\r\n if (ci.start < 0) ci.start = COL.start;\r\n if (ci.tournLink < 0) ci.tournLink = COL.tournLink;\r\n if (ci.prizepool < 0) ci.prizepool = COL.prizepool;\r\n\r\n var grouped = { eafc:[], rl:[], efootball:[] }, all = [];\r\n\r\n for (var row = headerRow + 1; row < rows.length; row++) {\r\n var cols = rows[row];\r\n if (!cols || cols.length < 4) continue;\r\n var gameVal = (cols[ci.game]||'').trim();\r\n var gameKey = GAME_KEYS[gameVal];\r\n if (!gameKey) continue;\r\n var ev = {\r\n gameKey: gameKey,\r\n eventName: (cols[ci.event]||'').trim(),\r\n round: (cols[ci.round]||'').trim(),\r\n date: (cols[ci.date]||'').trim(),\r\n status: (cols[ci.status]||'').trim(),\r\n checkin: (cols[ci.checkin]||'').trim(),\r\n start: (cols[ci.start]||'').trim(),\r\n tournLink: ci.tournLink >= 0 ? (cols[ci.tournLink]||'').trim() : '',\r\n };\r\n grouped[gameKey].push(ev);\r\n all.push(ev);\r\n }\r\n\r\n \/\/ hide all finals sections except eafc (active tab on load)\r\n ['rl','efootball'].forEach(function(g) {\r\n var s = document.getElementById('sched-finals-' + g);\r\n if (s) s.style.display = 'none';\r\n });\r\n\r\n ['eafc','rl','efootball'].forEach(function(g) { buildPanel(g, grouped[g]); });\r\n updateSubLabel(all);\r\n\r\n } catch(err) {\r\n console.error(err);\r\n ['eafc','rl','efootball'].forEach(function(g) {\r\n document.getElementById('sched-' + g).innerHTML = '<div class=\"sched-loading\" style=\"color:#ff6b6b\">⚠️ \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\r\nloadSchedule();\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<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: wrap; }\r\n #rocRankWrap .rk-tab-btn {\r\n background: rgba(255,255,255,0.03); border: 0.5px solid rgba(255,255,255,0.08);\r\n color: rgba(255,255,255,0.3); font-family: 'Bebas Neue', sans-serif;\r\n font-size: 13px; letter-spacing: 2px; text-transform: uppercase;\r\n padding: 10px 24px; border-radius: 2px; cursor: pointer;\r\n transition: all 0.2s; display: flex; align-items: center; gap: 7px;\r\n }\r\n #rocRankWrap .rk-tab-btn:hover { color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.05); }\r\n #rocRankWrap .rk-tab-btn.active[data-game=\"efootball\"] { background: rgba(0,212,255,0.06); border-color: rgba(0,212,255,0.35); color: var(--rk-ef); }\r\n #rocRankWrap .rk-tab-btn.active[data-game=\"rl\"] { background: rgba(255,107,53,0.06); border-color: rgba(255,107,53,0.35); color: var(--rk-rl); }\r\n #rocRankWrap .rk-tab-btn.active[data-game=\"eafc\"] { background: rgba(74,222,128,0.06); border-color: rgba(74,222,128,0.35); color: var(--rk-ea); }\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-more-wrap {\r\n text-align: center; padding: 10px 24px 14px; 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-more-btn {\r\n background: none; border: 0.5px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.35);\r\n font-family: 'Barlow', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px;\r\n text-transform: uppercase; padding: 7px 20px; border-radius: 2px; cursor: pointer;\r\n transition: border-color 0.2s, color 0.2s;\r\n }\r\n #rocRankWrap .rk-more-btn:hover { border-color: rgba(255,255,255,0.3); color: rgba(255,255,255,0.7); }\r\n\r\n @media(max-width:600px) {\r\n #rocRankWrap .rk-col-hdr, #rocRankWrap .rk-row { grid-template-columns: 44px 1fr 84px 64px; padding-left: 14px; padding-right: 14px; }\r\n #rocRankWrap .rk-header h1 { font-size: 1.5rem; }\r\n #rocRankWrap .rk-tab-btn { padding: 8px 14px; font-size: 11px; }\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-more-wrap\" id=\"rk-more-eafc\" style=\"display:none\">\r\n <button class=\"rk-more-btn\" data-game=\"eafc\">View Full Rankings \u25be<\/button>\r\n <\/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-more-wrap\" id=\"rk-more-rl\" style=\"display:none\">\r\n <button class=\"rk-more-btn\" data-game=\"rl\">View Full Rankings \u25be<\/button>\r\n <\/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-more-wrap\" id=\"rk-more-efootball\" style=\"display:none\">\r\n <button class=\"rk-more-btn\" data-game=\"efootball\">View Full Rankings \u25be<\/button>\r\n <\/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 INITIAL_SHOW = 22;\r\n var allData = { efootball: [], rl: [], eafc: [] };\r\n var state = { efootball: false, rl: false, eafc: false };\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 moreWrap = document.getElementById('rk-more-' + game);\r\n var showAll = state[game];\r\n var html = '';\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\r\n qfRows.sort(function(a,b){ return parseWR(b[3]) - parseWR(a[3]); });\r\n\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 QUALIFIED<\/span><\/div>' +\r\n '<div class=\"rk-wr\">' + fmtWR(row[3]) + '<\/div>' +\r\n '<\/div>';\r\n });\r\n\r\n if (qfRows.length > 0)\r\n html += '<div class=\"rk-divider\">Overall Ranking<\/div>';\r\n\r\n var remainingSlots = Math.max(0, INITIAL_SHOW - qfRows.length);\r\n var visible = showAll ? nonQFRows : nonQFRows.slice(0, remainingSlots);\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 visible.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 moreWrap.style.display = (nonQFRows.length > remainingSlots && !showAll) ? 'block' : 'none';\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 state[game] = !!q;\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 document.querySelectorAll('#rocRankWrap .rk-more-btn').forEach(function(btn) {\r\n btn.addEventListener('click', function() {\r\n var game = btn.getAttribute('data-game');\r\n state[game] = true;\r\n renderRows(game, allData[game]);\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<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 :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 --fmt-accent: var(--fmt-accent-ea);\r\n }\r\n\r\n #rocFmtWrap * { box-sizing: border-box; }\r\n\r\n #rocFmtWrap {\r\n font-family: 'Barlow', sans-serif;\r\n color: var(--fmt-text);\r\n width: 100% !important;\r\n max-width: 960px !important;\r\n min-width: 0 !important;\r\n margin: 0 auto !important;\r\n padding: 30px 16px 60px !important;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n #rocFmtWrap .fmt-tab-panel { display: none; width: 100% !important; }\r\n #rocFmtWrap .fmt-tab-panel.active { display: block; width: 100% !important; animation: fmtFadeIn 0.25s ease; }\r\n\r\n #rocFmtWrap .fmt-card {\r\n width: 100% !important;\r\n min-width: 0 !important;\r\n }\r\n\r\n #rocFmtWrap .fmt-header { text-align: center; margin-bottom: 32px; }\r\n #rocFmtWrap .fmt-header h1 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 2.2rem; font-weight: 400;\r\n letter-spacing: 3px; text-transform: uppercase;\r\n color: var(--fmt-text);\r\n }\r\n #rocFmtWrap .fmt-header h1 span { color: var(--fmt-gold); }\r\n #rocFmtWrap .fmt-header p {\r\n color: var(--fmt-muted);\r\n font-size: 0.75rem; letter-spacing: 2px;\r\n text-transform: uppercase; margin-top: 6px; font-weight: 600;\r\n }\r\n\r\n \/* Tabs *\/\r\n #rocFmtWrap .fmt-tab-nav { display: flex; gap: 5px; margin-bottom: 24px; justify-content: center; flex-wrap: wrap; }\r\n #rocFmtWrap .fmt-tab-btn {\r\n background: rgba(255,255,255,0.03);\r\n border: 0.5px solid rgba(255,255,255,0.08);\r\n border-bottom: 2px solid transparent;\r\n color: rgba(255,255,255,0.3);\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 13px; letter-spacing: 2px; text-transform: uppercase;\r\n padding: 10px 24px; border-radius: 2px; cursor: pointer;\r\n transition: all 0.2s; display: flex; align-items: center; gap: 7px;\r\n }\r\n #rocFmtWrap .fmt-tab-btn:hover { color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.05); }\r\n #rocFmtWrap .fmt-tab-btn.active[data-game=\"efootball\"] {\r\n background: rgba(0,212,255,0.06); border-color: rgba(0,212,255,0.25);\r\n border-bottom-color: var(--fmt-accent-ef); color: var(--fmt-accent-ef);\r\n box-shadow: 0 2px 0 var(--fmt-accent-ef);\r\n }\r\n #rocFmtWrap .fmt-tab-btn.active[data-game=\"rl\"] {\r\n background: rgba(255,107,53,0.06); border-color: rgba(255,107,53,0.25);\r\n border-bottom-color: var(--fmt-accent-rl); color: var(--fmt-accent-rl);\r\n box-shadow: 0 2px 0 var(--fmt-accent-rl);\r\n }\r\n #rocFmtWrap .fmt-tab-btn.active[data-game=\"eafc\"] {\r\n background: rgba(74,222,128,0.06); border-color: rgba(74,222,128,0.25);\r\n border-bottom-color: var(--fmt-accent-ea); color: var(--fmt-accent-ea);\r\n box-shadow: 0 2px 0 var(--fmt-accent-ea);\r\n }\r\n\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\r\n\r\n @keyframes fmtFadeIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }\r\n\r\n #rocFmtWrap .fmt-card {\r\n background: var(--fmt-bg-card);\r\n border: 0.5px solid var(--fmt-border);\r\n border-radius: 4px; overflow: hidden;\r\n width: 100%;\r\n min-height: 780px;\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 }\r\n #rocFmtWrap .fmt-card-hdr {\r\n padding: 14px 24px;\r\n border-bottom: 0.5px solid var(--fmt-border);\r\n background: rgba(0,0,0,0.15);\r\n display: flex; align-items: center; gap: 12px;\r\n }\r\n #rocFmtWrap .fmt-card-hdr h2 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 1.3rem; font-weight: 400; letter-spacing: 2px; text-transform: uppercase;\r\n margin: 0; padding: 0;\r\n }\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 \/* accent underline on header *\/\r\n #rocFmtWrap .fmt-card-hdr::after {\r\n content: ''; display: block; height: 2px; width: 32px; border-radius: 1px;\r\n background: var(--fmt-accent); margin-left: auto; opacity: 0.6;\r\n }\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 24px; display: flex; flex-direction: column; gap: 16px; }\r\n\r\n \/* Section labels pick up game accent *\/\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 rows (card-based, no table) *\/\r\n #rocFmtWrap .rank-rows { display: flex; flex-direction: column; gap: 4px; }\r\n #rocFmtWrap .rank-row {\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 9px 12px;\r\n background: rgba(255,255,255,0.02);\r\n border: 0.5px solid var(--fmt-border-soft);\r\n border-radius: 2px; font-size: 0.88rem;\r\n }\r\n #rocFmtWrap .rank-pos {\r\n color: var(--fmt-muted); font-size: 0.72rem; letter-spacing: 1.5px;\r\n text-transform: uppercase; font-weight: 700;\r\n }\r\n #rocFmtWrap .rank-val { font-weight: 600; color: var(--fmt-text); }\r\n #rocFmtWrap .rank-row.rank-top {\r\n background: rgba(240,192,64,0.04);\r\n border-color: rgba(240,192,64,0.18);\r\n border-left: 2px solid var(--fmt-gold);\r\n }\r\n #rocFmtWrap .rank-row.rank-top .rank-pos { color: var(--fmt-gold); }\r\n\r\n #rocFmtWrap .badge-direct {\r\n display: inline-block; font-family: 'Bebas Neue', sans-serif;\r\n font-size: 0.75rem; letter-spacing: 2px; padding: 3px 10px; border-radius: 2px;\r\n background: rgba(74,222,128,0.08); color: var(--fmt-accent-ea);\r\n border: 0.5px solid rgba(74,222,128,0.3);\r\n }\r\n\r\n #rocFmtWrap .bonus-row {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 9px 12px; background: rgba(255,255,255,0.02);\r\n border: 0.5px solid var(--fmt-border-soft); border-radius: 2px; font-size: 0.88rem; margin-bottom: 4px;\r\n }\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 #rocFmtWrap .qualify-row {\r\n display: flex; align-items: center; padding: 9px 12px;\r\n background: rgba(255,255,255,0.02); border: 0.5px solid var(--fmt-border-soft);\r\n border-radius: 2px; font-size: 0.88rem; margin-bottom: 4px; color: var(--fmt-muted);\r\n }\r\n #rocFmtWrap .qualify-row:last-child { margin-bottom: 0; }\r\n #rocFmtWrap .q-badge {\r\n margin-left: auto; flex-shrink: 0; font-family: 'Bebas Neue', sans-serif;\r\n font-size: 0.7rem; letter-spacing: 2px; padding: 3px 9px; border-radius: 2px;\r\n }\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 #rocFmtWrap .days-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\r\n @media(max-width:520px) { #rocFmtWrap .days-grid { grid-template-columns: 1fr; } }\r\n\r\n #rocFmtWrap .days-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: stretch; }\r\n #rocFmtWrap .day-card { background: rgba(0,0,0,0.2); border: 0.5px solid var(--fmt-border); border-radius: 4px; overflow: hidden; min-height: 220px; display: flex; flex-direction: column; }\r\n #rocFmtWrap .day-body { padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; flex: 1; }\r\n #rocFmtWrap .day-hdr {\r\n padding: 9px 14px; border-bottom: 0.5px solid var(--fmt-border);\r\n display: flex; align-items: center; gap: 8px; background: rgba(0,0,0,0.15);\r\n }\r\n #rocFmtWrap .day-badge {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 0.65rem; letter-spacing: 2px; padding: 2px 8px; border-radius: 2px;\r\n }\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.8rem; font-weight: 700; color: rgba(255,255,255,0.6); letter-spacing: 1px; text-transform: uppercase; }\r\n #rocFmtWrap .day-body { padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; }\r\n\r\n #rocFmtWrap .info-row {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 5px 0; border-bottom: 0.5px solid var(--fmt-border-soft); font-size: 0.82rem;\r\n }\r\n #rocFmtWrap .info-row:last-of-type { border-bottom: none; }\r\n #rocFmtWrap .i-key { color: var(--fmt-muted); }\r\n #rocFmtWrap .i-val { font-weight: 600; color: var(--fmt-text); }\r\n\r\n #rocFmtWrap .pill {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 0.7rem; letter-spacing: 1.5px;\r\n padding: 2px 8px; border-radius: 2px; display: inline-block;\r\n }\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 #rocFmtWrap .tb-box {\r\n margin-top: 8px; background: rgba(0,0,0,0.25);\r\n border: 0.5px solid var(--fmt-border); border-radius: 2px; padding: 8px 10px;\r\n }\r\n #rocFmtWrap .tb-title {\r\n font-size: 0.62rem; letter-spacing: 2px; text-transform: uppercase;\r\n color: var(--fmt-muted); font-weight: 700; margin-bottom: 6px;\r\n }\r\n #rocFmtWrap .tb-item {\r\n display: flex; gap: 6px; padding: 3px 0;\r\n border-bottom: 0.5px solid var(--fmt-border-soft);\r\n font-size: 0.78rem; color: rgba(255,255,255,0.3); line-height: 1.4;\r\n }\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 #rocFmtWrap .bracket { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; }\r\n #rocFmtWrap .bm {\r\n background: rgba(0,0,0,0.3); border: 0.5px solid var(--fmt-border);\r\n border-radius: 2px; padding: 5px 9px; font-size: 0.78rem; color: rgba(255,255,255,0.35); text-align: center;\r\n }\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 #rocFmtWrap .prizes { display: flex; flex-direction: column; gap: 6px; }\r\n #rocFmtWrap .prize-note {\r\n font-size: 0.8rem; color: var(--fmt-muted); padding: 8px 12px;\r\n background: rgba(255,255,255,0.02); border: 0.5px solid var(--fmt-border-soft); border-radius: 2px;\r\n }\r\n #rocFmtWrap .prize-row {\r\n display: flex; align-items: center; justify-content: space-between; padding: 11px 14px;\r\n background: rgba(255,255,255,0.02); border: 0.5px solid var(--fmt-border-soft); border-radius: 2px;\r\n }\r\n #rocFmtWrap .prize-row.p1 {\r\n background: rgba(240,192,64,0.05); border-color: rgba(240,192,64,0.2);\r\n border-left: 2px solid var(--fmt-gold);\r\n }\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; }\r\n #rocFmtWrap .fmt-header h1 { font-size: 1.5rem; }\r\n #rocFmtWrap .fmt-tab-btn { padding: 8px 14px; font-size: 11px; }\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 <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 <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 <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 Players<\/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 per 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\">Best of 2 \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\" style=\"margin-top:6px;\">\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 <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 <\/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 <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 <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 <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 per 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\" style=\"margin-top:6px;\">\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 <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 <\/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 <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 <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 <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 Players<\/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 per group<\/span><\/div>\r\n <div class=\"tb-box\">\r\n <div class=\"tb-title\">Tiebreaker Criteria<\/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 <\/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\">Best of 2 \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\" style=\"margin-top:6px;\">\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>\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 <\/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>\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:flex;\r\n flex-wrap:wrap;\r\n justify-content:center;\r\n gap:12px;\r\n margin:0 auto;\r\n padding:0 16px; \/* \u2190 side padding \u03b3\u03b9\u03b1 full-width sections *\/\r\n box-sizing:border-box;\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 flex-shrink:0;\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\/* Mobile: 2 per row *\/\r\n@media(max-width:500px){\r\n .rw-title{font-size:24px;white-space:normal}\r\n}\r\n\r\n\/* Tablet: 2 per row (same as mobile) *\/\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 = isGR ? 'Instagram \u2192' : 'Instagram \u2192';\r\n document.getElementById('rw-cta-tt-text').textContent = isGR ? 'TikTok \u2192' : 'TikTok \u2192';\r\n\r\n \/\/ Hover effect: highlight \u03c4\u03bf \u03b1\u03bd\u03c4\u03af\u03c3\u03c4\u03bf\u03b9\u03c7\u03bf btn\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 function setItemWidths(grid, count) {\r\n var vw = window.innerWidth;\r\n var gap = 12;\r\n var padding = 32; \/\/ 16px x2 sides\r\n var perRow;\r\n if (vw <= 500) perRow = Math.min(count, 2);\r\n else if (vw <= 900) perRow = Math.min(count, 2);\r\n else perRow = Math.min(count, 5);\r\n\r\n \/\/ \u0393\u03b9\u03b1 desktop cap \u03c3\u03c4\u03b1 900px, \u03b3\u03b9\u03b1 mobile\/tablet \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03c0\u03bb\u03ae\u03c1\u03b5\u03c2 vw\r\n var availW = vw > 900 ? (900 - padding) : (vw - padding);\r\n var itemW = Math.floor((availW - gap * (perRow - 1)) \/ perRow);\r\n var items = grid.querySelectorAll('.rw-item');\r\n for (var i = 0; i < items.length; i++) {\r\n items[i].style.width = itemW + 'px';\r\n }\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 var count = filtered.length;\r\n setTimeout(function(){ setItemWidths(grid, count); }, 50);\r\n setTimeout(function(){ setItemWidths(grid, count); }, 300);\r\n window.addEventListener('resize', function(){ setItemWidths(grid, count); });\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 \u0394\u0395\u03a3 \u03a4\u0391 BRACKETS LIVE \u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf event \u03c3\u03b5 00\u0397\u03bc\u03b5\u03c1\u03b5\u03c2 : 00\u03a9\u03c1\u03b5\u03c2 : 00\u039b\u03b5\u03c0\u03c4\u03b1 : 00\u0394\u03b5\u03c5\u03c4\/\u03c0\u03c4\u03b1 \u2014 \u039a\u0391\u039d\u0395 \u0395\u0393\u0393\u03a1\u0391\u03a6\u0397 \u03a4\u03a9\u03a1\u0391 \u03a0\u03a9\u03a3 \u039d\u0391 \u03a0\u0391\u0399\u039e\u03a9 \u2197 ADD TO CALENDAR \u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u0397\u03bc\u03b5\u03c1\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf Google Calendar Web Outlook Web Apple…<\/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":33155,"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/pages\/19699\/revisions\/33155"}],"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: 540px;\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 2.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.32) saturate(0.7) 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@keyframes rocBgBreath {\r\n 0%,100% { transform:scale(1.06); filter:brightness(0.32) saturate(0.7) hue-rotate(200deg); }\r\n 50% { transform:scale(1.09); filter:brightness(0.40) saturate(0.85) 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,8,13,0.6) 0%, rgba(6,8,13,0.05) 40%, rgba(18,25,37,1) 100%),\r\n radial-gradient(ellipse 80% 60% at 50% 40%, rgba(96,165,250,0.07) 0%, transparent 70%),\r\n radial-gradient(ellipse 60% 40% at 50% 85%, rgba(255,80,0,0.09) 0%, transparent 60%);\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.25),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.5); 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.72); background:rgba(6,8,13,0.55); border:0.5px solid rgba(255,255,255,0.14); padding:5px 13px; border-radius:2px; 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.32); 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(6,8,13,0.65); border:0.5px solid rgba(96,165,250,0.18); width:62px; height:54px; display:flex; align-items:center; justify-content:center; border-radius:4px; letter-spacing:2px; }\r\n#roc-wrap .roc-cd-unit { font-size:9px; font-weight:600; letter-spacing:2px; color:rgba(255,255,255,0.28); 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.55); margin-top:8px; }\r\n#roc-wrap .roc-next { font-size:12px; color:rgba(255,255,255,0.42); margin-bottom:2rem; display:flex; align-items:center; gap:6px; animation:rocFadeIn 0.8s ease 0.45s both; }\r\n#roc-wrap .roc-next .gtag { color:#60a5fa; font-weight:600; }\r\n#roc-wrap .roc-dot { width:6px; height:6px; border-radius:50%; background:#ff5000; flex-shrink:0; animation:rocPulse 1.5s ease-in-out infinite; }\r\n#roc-wrap .roc-actions { display:flex; gap:10px; margin-bottom:1.2rem; animation:rocFadeIn 0.8s ease 0.5s both; flex-wrap:wrap; justify-content:center; }\r\n#roc-wrap .roc-btn-p { font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#06080d; background:#ff5000; border:none; padding:11px 26px; border-radius:3px; cursor:pointer; transition:transform 0.15s,background 0.15s; text-decoration:none; display:inline-block; }\r\n#roc-wrap .roc-btn-p:hover { background:#ff6a1f; transform:translateY(-1px); }\r\n#roc-wrap .roc-btn-s { font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:rgba(255,255,255,0.72); background:rgba(6,8,13,0.5); border:0.5px solid rgba(255,255,255,0.22); padding:11px 26px; border-radius:3px; cursor:pointer; transition:border-color 0.15s,color 0.15s; }\r\n#roc-wrap .roc-btn-s:hover { border-color:rgba(255,255,255,0.5); color:#fff; }\r\n\r\n\/* \u2500\u2500 LIVE BADGE \u2500\u2500 *\/\r\n#roc-wrap .roc-live-banner {\r\n display:none;\r\n flex-direction:column;\r\n align-items:center;\r\n gap:10px;\r\n margin-bottom:1.8rem;\r\n animation:rocFadeIn 0.5s ease both;\r\n}\r\n#roc-wrap .roc-live-banner.visible { display:flex; }\r\n#roc-wrap .roc-live-badge {\r\n display:flex; align-items:center; gap:8px;\r\n background:rgba(220,38,38,0.15); border:1px solid rgba(220,38,38,0.5);\r\n border-radius:4px; padding:8px 18px;\r\n}\r\n#roc-wrap .roc-live-dot {\r\n width:9px; height:9px; border-radius:50%; background:#ef4444;\r\n animation:rocPulse 0.9s ease-in-out infinite;\r\n}\r\n#roc-wrap .roc-live-text {\r\n font-family:'Bebas Neue',sans-serif; font-size:22px; letter-spacing:3px; color:#ef4444;\r\n}\r\n#roc-wrap .roc-live-info {\r\n font-size:18px; font-weight:700; color:rgba(255,255,255,0.85); letter-spacing:0.5px;\r\n text-align:center; line-height:1.5;\r\n}\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 {\r\n font-size:13px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;\r\n color:#fff; background:rgba(220,38,38,0.8); border:1px solid rgba(220,38,38,0.9);\r\n padding:12px 30px; border-radius:3px; cursor:pointer;\r\n transition:transform 0.15s, background 0.15s;\r\n text-decoration:none; display:inline-block;\r\n}\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 (hidden when live) \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 ADD TO CALENDAR \u2500\u2500 *\/\r\n#roc-wrap .roc-cal-wrap { position:relative; animation:rocFadeIn 0.8s ease 0.52s both; margin-bottom:1.2rem; }\r\n#roc-wrap .roc-btn-cal {\r\n font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;\r\n color:rgba(255,255,255,0.82); background:rgba(6,8,13,0.55);\r\n border:0.5px solid rgba(96,165,250,0.38); padding:11px 20px; border-radius:3px;\r\n cursor:pointer; transition:border-color 0.15s,color 0.15s,background 0.15s;\r\n display:flex; align-items:center; gap:8px;\r\n}\r\n#roc-wrap .roc-btn-cal:hover { border-color:rgba(96,165,250,0.7); color:#fff; background:rgba(6,8,13,0.75); }\r\n#roc-wrap .roc-btn-cal i { font-size:15px; }\r\n\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:#0d1018; border:0.5px solid rgba(96,165,250,0.22); border-radius:6px;\r\n min-width:210px; 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.3); padding:10px 14px 6px; border-bottom:0.5px solid rgba(255,255,255,0.07); }\r\n#roc-wrap .roc-cal-option {\r\n display:flex; align-items:center; gap:10px; padding:10px 14px;\r\n font-size:12px; font-weight:600; letter-spacing:0.4px; color:rgba(255,255,255,0.72);\r\n cursor:pointer; transition:background 0.12s,color 0.12s; text-decoration:none;\r\n border-bottom:0.5px solid rgba(255,255,255,0.05);\r\n}\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:16px; opacity:0.7; }\r\n#roc-wrap .roc-cal-option span.sub { font-size:10px; font-weight:400; color:rgba(255,255,255,0.32); margin-left:auto; }\r\n\r\n#roc-wrap .roc-perks {\r\n display:flex; gap:8px; flex-wrap:wrap; justify-content:center;\r\n animation:rocFadeIn 0.8s ease 0.6s both;\r\n}\r\n#roc-wrap .roc-perk { display:flex; align-items:center; gap:6px; font-size:11px; font-weight:600; letter-spacing:0.4px; padding:6px 12px; border-radius:3px; background:rgba(6,8,13,0.55); }\r\n#roc-wrap .roc-perk i { font-size:13px; }\r\n#roc-wrap .roc-perk.p-free { color:#4ade80; border:0.5px solid rgba(74,222,128,0.28); }\r\n#roc-wrap .roc-perk.p-online { color:#60a5fa; border:0.5px solid rgba(96,165,250,0.28); }\r\n#roc-wrap .roc-perk.p-bonus { color:#fbbf24; border:0.5px solid rgba(251,191,36,0.28); }\r\n#roc-wrap .roc-perk.p-qualify { color:#ff5000; border:0.5px solid rgba(255,80,0,0.32); }\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 {\r\n display:none; position:absolute; inset:0; z-index:100;\r\n background:rgba(0,0,0,0.84); align-items:center; justify-content:center; border-radius:8px;\r\n}\r\n#roc-popup-overlay.open { display:flex; }\r\n\r\n#roc-modal {\r\n background:#0a0c10; border:1px solid rgba(240,180,41,0.2);\r\n border-radius:10px; width:92%; max-width:620px; max-height:86%; overflow-y:auto;\r\n animation:rocModalIn 0.25s ease both;\r\n}\r\n@keyframes rocModalIn { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }\r\n\r\n#roc-modal .m-header {\r\n position:sticky; top:0; display:flex; align-items:center; justify-content:space-between;\r\n padding:13px 18px; background:#0a0c10; border-bottom:1px solid rgba(240,180,41,0.12); z-index:10;\r\n}\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\r\n#roc-modal .m-lang { display:flex; gap:4px; }\r\n#roc-modal .m-lang button {\r\n font-family:'Barlow',sans-serif; font-size:10px; font-weight:700; letter-spacing:1px;\r\n background:transparent; border:0.5px solid rgba(255,255,255,0.15);\r\n color:rgba(255,255,255,0.4); padding:5px 9px; border-radius:2px; cursor:pointer;\r\n transition:all 0.15s;\r\n}\r\n#roc-modal .m-lang button.active { border-color:#f0b429; color:#f0b429; }\r\n\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\r\n#roc-modal .m-body { padding:22px 22px 26px; color:#e8eaf0; }\r\n\r\n#roc-modal .lang-content { display:none; }\r\n#roc-modal .lang-content.active { display:block; }\r\n\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\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\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 <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\">\u0394\u0395\u03a3 \u03a4\u0391 BRACKETS LIVE<\/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\" id=\"roc-cd-label-txt\">\u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf event \u03c3\u03b5<\/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\">\u0397\u03bc\u03b5\u03c1\u03b5\u03c2<\/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\">\u03a9\u03c1\u03b5\u03c2<\/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\">\u039b\u03b5\u03c0\u03c4\u03b1<\/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\">\u0394\u03b5\u03c5\u03c4\/\u03c0\u03c4\u03b1<\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"roc-next\">\r\n <div class=\"roc-dot\"><\/div>\r\n <span id=\"roc-next-label\">\u2014<\/span>\r\n <\/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\">\u039a\u0391\u039d\u0395 \u0395\u0393\u0393\u03a1\u0391\u03a6\u0397 \u03a4\u03a9\u03a1\u0391<\/a>\r\n <button class=\"roc-btn-s\" id=\"roc-how-btn\" onclick=\"document.getElementById('roc-popup-overlay').classList.add('open')\">\u03a0\u03a9\u03a3 \u039d\u0391 \u03a0\u0391\u0399\u039e\u03a9 \u2197<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"roc-cal-wrap\" id=\"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 id=\"roc-cal-btn-label\">ADD TO CALENDAR<\/span>\r\n <i class=\"ti ti-chevron-down\" id=\"roc-cal-chevron\" aria-hidden=\"true\" style=\"font-size:12px;opacity:.5;transition:transform .2s;\"><\/i>\r\n <\/button>\r\n <div class=\"roc-cal-dropdown\" id=\"roc-cal-dropdown\">\r\n <div class=\"roc-cal-dropdown-title\" id=\"roc-cal-dropdown-title\">\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u0397\u03bc\u03b5\u03c1\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf<\/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>\r\n Google Calendar\r\n <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>\r\n Outlook\r\n <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>\r\n Apple \/ iCal\r\n <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>\r\n Yahoo Calendar\r\n <span class=\"sub\">Web<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"roc-perks\">\r\n <div class=\"roc-perk p-free\"><i class=\"ti ti-circle-check\"><\/i><span>\u03a3\u03c5\u03bc\u03bc\u03b5\u03c4\u03bf\u03c7\u03ae Free<\/span><\/div>\r\n <div class=\"roc-perk p-online\"><i class=\"ti ti-wifi\"><\/i><span>Online<\/span><\/div>\r\n <div class=\"roc-perk p-bonus\"><i class=\"ti ti-gift\"><\/i><span>Bonus 50\u20ac<\/span><\/div>\r\n <div class=\"roc-perk p-qualify\"><i class=\"ti ti-trophy\"><\/i><span>\u03a0\u03c1\u03cc\u03ba\u03c1\u03b9\u03c3\u03b7 \u03c3\u03c4\u03b1 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\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\" class=\"active\" onclick=\"rocSetLang('el')\">\u0395\u039b<\/button>\r\n <button id=\"roc-lang-en\" onclick=\"rocSetLang('en')\">EN<\/button>\r\n <\/div>\r\n <a href=\"https:\/\/battlefy.com\/vgl-esports\" target=\"_blank\" class=\"m-reg\" rel=\"noopener\">\u0395\u0393\u0393\u03a1\u0391\u03a6\u0397 \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\r\n <div class=\"m-body\">\r\n\r\n \r\n <div class=\"lang-content active\" 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\">\r\n <div class=\"g-step-n\">1<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\" translate=\"no\">Register on Battlefy<\/div>\r\n <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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">2<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">Check-in<\/div>\r\n <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>\r\n <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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">3<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">I am Ready<\/div>\r\n <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>\r\n <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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">4<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">Chat & Play<\/div>\r\n <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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">5<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">Report Score<\/div>\r\n <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>\r\n <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>\r\n <\/div>\r\n <\/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 \r\n <div class=\"lang-content\" 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\">\r\n <div class=\"g-step-n\">1<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">Register on Battlefy<\/div>\r\n <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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">2<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">Check-in<\/div>\r\n <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>\r\n <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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">3<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">I am Ready<\/div>\r\n <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>\r\n <div class=\"g-warn\">\u26a0\ufe0f If you don't click within 5 minutes, you forfeit the match<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">4<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">Chat & Play<\/div>\r\n <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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"g-step\">\r\n <div class=\"g-step-n\">5<\/div>\r\n <div class=\"g-step-body\">\r\n <div class=\"g-step-t\">Report Score<\/div>\r\n <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>\r\n <div class=\"g-tip\">\u2139\ufe0f The Discord support chat is closed during the tournament.<\/div>\r\n <\/div>\r\n <\/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\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\n \/\/ \u2500\u2500 CSV URL \u03b1\u03c0\u03cc Google Sheets \u2500\u2500\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 \/\/ Title\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 var rocLang = (window.location.pathname.indexOf('\/el\/') !== -1) ? 'el' : 'en';\r\n\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);\r\n return result;\r\n }\r\n\r\n var MONTH_MAP = {\r\n jan:1,feb:2,mar:3,apr:4,may:5,jun:6,\r\n jul:7,aug:8,sep:9,oct:10,nov:11,dec:12\r\n };\r\n\r\n function parseDate(s) {\r\n if (!s) return null;\r\n s = s.trim();\r\n \/\/ yyyy-mm-dd\r\n if (\/^\\d{4}-\\d{2}-\\d{2}$\/.test(s)) return s;\r\n \/\/ dd\/mm\/yyyy\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 \/\/ \"May 15\" \u03ae \"May 15 \u2192 May 16\" \u2014 \u03c0\u03ac\u03c1\u03b5 \u03bc\u03cc\u03bd\u03bf \u03c4\u03b7\u03bd \u03c0\u03c1\u03ce\u03c4\u03b7 \u03b7\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1\r\n var m2 = s.match(\/([A-Za-z]+)\\s+(\\d{1,2})\/);\r\n if (m2) {\r\n var mo = MONTH_MAP[m2[1].toLowerCase().substring(0,3)];\r\n if (mo) {\r\n var yr = new Date().getFullYear();\r\n return yr + '-' + pad(mo) + '-' + pad(parseInt(m2[2]));\r\n }\r\n }\r\n \/\/ \"15 May\" format\r\n var m3 = s.match(\/^(\\d{1,2})\\s+([A-Za-z]+)\/);\r\n if (m3) {\r\n var mo2 = MONTH_MAP[m3[2].toLowerCase().substring(0,3)];\r\n if (mo2) return new Date().getFullYear() + '-' + pad(mo2) + '-' + pad(parseInt(m3[1]));\r\n }\r\n return null;\r\n }\r\n\r\n function parseTime(s) {\r\n if (!s) return null;\r\n 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 \/\/ \u039c\u03cc\u03bd\u03bf \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03c0.\u03c7. \"19\"\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 \/\/ \u2500\u2500 Parse CSV \u2500\u2500\r\n function parseCSV(text) {\r\n \/\/ Normalize line endings\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\r\n var headers = lines[0].split(',').map(function(h){ return h.trim().replace(\/^\"|\"$\/g,'').toUpperCase(); });\r\n console.log('[ROC] CSV headers:', headers);\r\n\r\n function findCol() {\r\n var names = Array.prototype.slice.call(arguments);\r\n for (var i = 0; i < headers.length; i++) {\r\n var hNorm = headers[i].replace(\/[\\s\\-_]\/g,'');\r\n for (var j = 0; j < names.length; j++) {\r\n if (hNorm === names[j].replace(\/[\\s\\-_]\/g,'').toUpperCase()) return i;\r\n }\r\n }\r\n return -1;\r\n }\r\n\r\n var idxGame = findCol('GAME');\r\n var idxRound = findCol('ROUND');\r\n var idxDate = findCol('DATE');\r\n var idxCheckIn = findCol('CHECK IN','CHECKIN','CHECK-IN','CHECKINHOUR');\r\n var idxStart = findCol('START','START TIME','STARTTIME');\r\n var idxLink = findCol('LINK','URL');\r\n\r\n console.log('[ROC] Cols \u2192 GAME:'+idxGame+' ROUND:'+idxRound+' DATE:'+idxDate+' CHECKIN:'+idxCheckIn+' START:'+idxStart+' LINK:'+idxLink);\r\n\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\r\n function col(idx){ return idx >= 0 && idx < cols.length ? cols[idx].trim().replace(\/^\"|\"$\/g,'') : ''; }\r\n\r\n var game = col(idxGame);\r\n var round = col(idxRound);\r\n var dateRaw = col(idxDate);\r\n var checkIn = col(idxCheckIn);\r\n var start = col(idxStart);\r\n var link = col(idxLink);\r\n\r\n if (!dateRaw || !game) continue;\r\n\r\n var isoDate = parseDate(dateRaw);\r\n if (!isoDate) { console.log('[ROC] Skipped unrecognized date:', JSON.stringify(dateRaw)); continue; }\r\n\r\n var startT = parseTime(start);\r\n var checkT = parseTime(checkIn);\r\n\r\n console.log('[ROC] OK:', game, round, isoDate, 'start:', startT, 'checkin:', checkT, 'link:', link ? link.substring(0,40) : '\u2014');\r\n events.push({ game: game, round: round, date: isoDate, checkIn: checkT, start: startT, link: link });\r\n }\r\n return events;\r\n }\r\n\r\n \/\/ \u2500\u2500 \u0392\u03c1\u03b5\u03c2 next \/ current event \u2500\u2500\r\n function getNextEvent(events) {\r\n var now = new Date();\r\n var next = null;\r\n var current = null; \/\/ event \u03c0\u03bf\u03c5 \u03c4\u03c1\u03ad\u03c7\u03b5\u03b9 \u03b1\u03c5\u03c4\u03ae \u03c4\u03b7 \u03c3\u03c4\u03b9\u03b3\u03bc\u03ae\r\n\r\n for (var i = 0; i < events.length; i++) {\r\n var ev = events[i];\r\n \/\/ \u038f\u03c1\u03b1 \u03ad\u03bd\u03b1\u03c1\u03be\u03b7\u03c2 (GMT+3)\r\n var startH = ev.start ? ev.start.h : 19;\r\n var startMin = ev.start ? ev.start.min : 0;\r\n \/\/ \u038f\u03c1\u03b1 \u03bb\u03ae\u03be\u03b7\u03c2 = 23:00 GMT+3\r\n var endH = 23, endMin = 0;\r\n\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\r\n if (now >= evStart && now < evEnd) {\r\n current = ev;\r\n break;\r\n }\r\n if (evEnd > now && !next) {\r\n next = ev;\r\n }\r\n }\r\n return { current: current, next: next };\r\n }\r\n\r\n \/\/ \u2500\u2500 Calendar links \u2500\u2500\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;\r\n var startMin = ev.start ? ev.start.min : 0;\r\n var title = 'Rise of Champions \u2013 ' + ev.game;\r\n var desc = 'Register: ' + (ev.link || 'https:\/\/battlefy.com\/vgl-esports');\r\n var loc = 'Online \u2013 Battlefy';\r\n var startUtc = toICSDate(ev.date, startH, startMin);\r\n var endUtc = toICSDate(ev.date, 23, 0);\r\n var gStart = startUtc;\r\n var gEnd = endUtc;\r\n\r\n var googleUrl = 'https:\/\/calendar.google.com\/calendar\/render?action=TEMPLATE'\r\n + '&text=' + encodeURIComponent(title)\r\n + '&dates=' + gStart + '\/' + gEnd\r\n + '&details=' + encodeURIComponent(desc)\r\n + '&location=' + encodeURIComponent(loc);\r\n document.getElementById('roc-cal-google').href = googleUrl;\r\n\r\n var outlookUrl = 'https:\/\/outlook.live.com\/calendar\/0\/deeplink\/compose?subject=' + encodeURIComponent(title)\r\n + '&startdt=' + ev.date + 'T' + String(startH).padStart(2,'0') + ':' + String(startMin).padStart(2,'0') + ':00+03:00'\r\n + '&enddt=' + ev.date + 'T23:00:00+03:00'\r\n + '&body=' + encodeURIComponent(desc)\r\n + '&location='+ encodeURIComponent(loc)\r\n + '&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent';\r\n document.getElementById('roc-cal-outlook').href = outlookUrl;\r\n\r\n var yahooUrl = 'https:\/\/calendar.yahoo.com\/?v=60'\r\n + '&title=' + encodeURIComponent(title)\r\n + '&st=' + gStart\r\n + '&et=' + gEnd\r\n + '&desc=' + encodeURIComponent(desc)\r\n + '&in_loc='+ encodeURIComponent(loc);\r\n document.getElementById('roc-cal-yahoo').href = yahooUrl;\r\n\r\n var ics = [\r\n 'BEGIN:VCALENDAR','VERSION:2.0','PRODID:-\/\/VGL Esports\/\/ROC\/\/EN',\r\n 'BEGIN:VEVENT',\r\n 'UID:roc-' + ev.date + '@vglesports.com',\r\n 'DTSTAMP:' + new Date().toISOString().replace(\/[-:]\/g,'').replace(\/\\.\\d{3}\/,''),\r\n 'DTSTART:' + startUtc,\r\n 'DTEND:' + endUtc,\r\n 'SUMMARY:' + title,\r\n 'DESCRIPTION:' + desc,\r\n 'LOCATION:' + loc,\r\n 'URL:' + (ev.link || 'https:\/\/battlefy.com\/vgl-esports'),\r\n 'END:VEVENT','END:VCALENDAR'\r\n ].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 \/\/ \u2500\u2500 UI update \u2500\u2500\r\n var DAYS = ['\u039a\u03c5\u03c1\u03b9\u03b1\u03ba\u03ae','\u0394\u03b5\u03c5\u03c4\u03ad\u03c1\u03b1','\u03a4\u03c1\u03af\u03c4\u03b7','\u03a4\u03b5\u03c4\u03ac\u03c1\u03c4\u03b7','\u03a0\u03ad\u03bc\u03c0\u03c4\u03b7','\u03a0\u03b1\u03c1\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae','\u03a3\u03ac\u03b2\u03b2\u03b1\u03c4\u03bf'];\r\n var MONS = ['\u0399\u03b1\u03bd','\u03a6\u03b5\u03b2','\u039c\u03b1\u03c1','\u0391\u03c0\u03c1','\u039c\u03b1\u0390\u03bf\u03c5','\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\r\n var lastState = null; \/\/ 'live' | 'countdown' | 'done'\r\n var allEvents = [];\r\n var curDate = null;\r\n\r\n function setLiveMode(ev) {\r\n if (lastState === 'live') return; \/\/ \u03ae\u03b4\u03b7 live\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\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\r\n if (result.current) {\r\n \/\/ LIVE MODE\r\n setLiveMode(result.current);\r\n return;\r\n }\r\n\r\n setCountdownMode();\r\n\r\n var ev = result.next;\r\n if (!ev) {\r\n document.getElementById('roc-next-label').textContent = '\u0397 \u03c3\u03b5\u03b6\u03cc\u03bd \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03b8\u03b7\u03ba\u03b5!';\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\r\n \/\/ \u0391\u03bd\u03b1\u03bd\u03ad\u03c9\u03c3\u03b7 label + cal links \u03b1\u03bd \u03ac\u03bb\u03bb\u03b1\u03be\u03b5 event\r\n if (curDate !== ev.date) {\r\n curDate = ev.date;\r\n buildCalLinks(ev);\r\n var startH = ev.start ? ev.start.h : 19;\r\n var startMin = ev.start ? ev.start.min : 0;\r\n var checkH = ev.checkIn ? ev.checkIn.h : (startH - 1);\r\n var 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 document.getElementById('roc-next-label').innerHTML =\r\n DAYS[d.getDay()] + ' ' + d.getDate() + ' ' + MONS[d.getMonth()] +\r\n ', Check in ' + String(checkH).padStart(2,'0') + ':' + String(checkMin).padStart(2,'0') +\r\n ' \u00b7 <span class=\"gtag\">' + ev.game + '<\/span>' +\r\n (ev.round ? ' \u00b7 <span style=\"color:#fbbf24;font-weight:600;\">' + ev.round + '<\/span>' : '');\r\n }\r\n\r\n var startH = ev.start ? ev.start.h : 19;\r\n var 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) {\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 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 \/\/ \u2500\u2500 Fetch CSV & start \u2500\u2500\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 \/\/ \u03a4\u03b1\u03be\u03b9\u03bd\u03cc\u03bc\u03b7\u03c3\u03b7 \u03ba\u03b1\u03c4\u03ac \u03b7\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1\r\n allEvents.sort(function(a,b){ return a.date.localeCompare(b.date); });\r\n tick();\r\n setInterval(tick, 1000);\r\n \/\/ \u039e\u03b1\u03bd\u03b1\u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b5 \u03c4\u03bf CSV \u03ba\u03ac\u03b8\u03b5 5 \u03bb\u03b5\u03c0\u03c4\u03ac\r\n setInterval(function(){\r\n fetch(CSV_URL)\r\n .then(function(r){ return r.text(); })\r\n .then(function(t){ allEvents = parseCSV(t); allEvents.sort(function(a,b){ return a.date.localeCompare(b.date); }); })\r\n .catch(function(){});\r\n }, 5 * 60 * 1000);\r\n })\r\n .catch(function(err){\r\n console.warn('ROC Widget: CSV fetch failed', err);\r\n \/\/ Fallback: countdown \u03bc\u03cc\u03bd\u03bf\r\n tick();\r\n setInterval(tick, 1000);\r\n });\r\n }\r\n\r\n loadAndStart();\r\n\r\n \/\/ \u2500\u2500 Calendar dropdown \u2500\u2500\r\n window.toggleCalDropdown = function(e) {\r\n e.stopPropagation();\r\n var dd = document.getElementById('roc-cal-dropdown');\r\n var ch = document.getElementById('roc-cal-chevron');\r\n dd.classList.toggle('open');\r\n ch.style.transform = dd.classList.contains('open') ? 'rotate(180deg)' : 'rotate(0deg)';\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'); document.getElementById('roc-cal-chevron').style.transform = 'rotate(0deg)'; }\r\n });\r\n\r\n \/\/ \u2500\u2500 Language switcher \u2500\u2500\r\n window.rocSetLang = function(lang) {\r\n rocLang = 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.querySelector('#roc-modal .m-reg').textContent = lang === 'el' ? '\u0395\u0393\u0393\u03a1\u0391\u03a6\u0397 \u2197' : 'REGISTER \u2197';\r\n document.getElementById('roc-reg-btn').textContent = lang === 'el' ? '\u039a\u0391\u039d\u0395 \u0395\u0393\u0393\u03a1\u0391\u03a6\u0397 \u03a4\u03a9\u03a1\u0391' : 'REGISTER NOW';\r\n document.getElementById('roc-how-btn').textContent = lang === 'el' ? '\u03a0\u03a9\u03a3 \u039d\u0391 \u03a0\u0391\u0399\u039e\u03a9 \u2197' : 'HOW TO PLAY \u2197';\r\n document.getElementById('roc-cd-label-txt').textContent = lang === 'el' ? '\u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf event \u03c3\u03b5' : 'Next event in';\r\n document.getElementById('roc-cal-btn-label').textContent = lang === 'el' ? '\u03a0\u03a1\u039f\u03a3\u0398\u0397\u039a\u0397 \u03a3\u03a4\u039f \u0397\u039c\u0395\u03a1\u039f\u039b\u039f\u0393\u0399\u039f' : 'ADD TO CALENDAR';\r\n document.getElementById('roc-cal-dropdown-title').textContent = lang === 'el' ? '\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u0397\u03bc\u03b5\u03c1\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf' : 'Choose Calendar App';\r\n var perks = document.querySelectorAll('#roc-wrap .roc-perk span');\r\n var pl = lang === 'el'\r\n ? ['\u03a3\u03c5\u03bc\u03bc\u03b5\u03c4\u03bf\u03c7\u03ae Free','Online','Bonus 50\u20ac','\u03a0\u03c1\u03cc\u03ba\u03c1\u03b9\u03c3\u03b7 \u03c3\u03c4\u03b1 Finals']\r\n : ['Free Entry','Online','Bonus 50\u20ac','Qualify for Finals'];\r\n perks.forEach(function(p, i){ if(pl[i]) p.textContent = pl[i]; });\r\n };\r\n\r\n rocSetLang(rocLang);\r\n\r\n \/\/ \u2500\u2500 Canvas particles \u2500\u2500\r\n var c = document.getElementById('roc-canvas');\r\n var ctx = c.getContext('2d');\r\n function rsz(){ var r = c.parentElement.getBoundingClientRect(); c.width = r.width||680; c.height = r.height||540; }\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);\r\n var 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){\r\n p.y -= p.vy; p.x += p.vx; p.tw += p.ts;\r\n if (p.y < -5) { Object.assign(p, mkP()); p.y = c.height+5; }\r\n var a = p.a * (0.65 + 0.35*Math.sin(p.tw));\r\n ctx.beginPath(); ctx.arc(p.x,p.y,p.r,0,Math.PI*2);\r\n ctx.fillStyle = p.col + a + ')'; ctx.fill();\r\n });\r\n requestAnimationFrame(frame);\r\n }\r\n frame();\r\n\r\n document.addEventListener('keydown', function(e){\r\n if (e.key === 'Escape') {\r\n document.getElementById('roc-popup-overlay').classList.remove('open');\r\n document.getElementById('roc-cal-dropdown').classList.remove('open');\r\n }\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f7f22b2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f7f22b2\" 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-f906f49\" data-id=\"f906f49\" 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-9f943ba elementor-widget elementor-widget-html\" data-id=\"9f943ba\" 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#roc-sched * { box-sizing: border-box; }\r\n#roc-sched div, #roc-sched span:not(.sched-time-badge):not(.sched-badge):not(.sched-register-btn):not(.sched-pill) { margin: 0; padding: 0; }\r\n\r\n#roc-sched {\r\n width: 100%;\r\n background: #121925;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: 'Barlow', sans-serif;\r\n}\r\n\r\n#roc-sched::after {\r\n content: '';\r\n position: absolute; inset: 0;\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 pointer-events: none; z-index: 0;\r\n}\r\n#roc-sched > * { position: relative; z-index: 1; }\r\n\r\n\/* centered content wrapper *\/\r\n.sched-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n}\r\n\r\n\/* header strip *\/\r\n.sched-header-strip {\r\n border-bottom: 0.5px solid rgba(255,255,255,0.06);\r\n}\r\n.sched-header {\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 22px 0 20px;\r\n flex-wrap: wrap; gap: 12px;\r\n}\r\n.sched-header-left { display: flex; flex-direction: column; gap: 4px; }\r\n.sched-title {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 26px; letter-spacing: 2px; color: #fff; line-height: 1;\r\n}\r\n.sched-title span { color: #60a5fa; }\r\n.sched-sublabel {\r\n font-size: 9px; font-weight: 600; letter-spacing: 1.5px;\r\n text-transform: uppercase; color: rgba(255,255,255,0.28); margin-top: 2px;\r\n}\r\n.sched-header-pills { display: flex; gap: 5px; align-items: center; }\r\n.sched-pill {\r\n font-size: 9px; font-weight: 700; letter-spacing: 0.8px;\r\n text-transform: uppercase; padding: 6px 14px;\r\n border-radius: 2px; border: 0.5px solid;\r\n}\r\n.sched-pill.ea { color: #4ade80; border-color: rgba(74,222,128,0.3); background: rgba(74,222,128,0.06); }\r\n.sched-pill.rl { color: #ff6b35; border-color: rgba(255,107,53,0.3); background: rgba(255,107,53,0.06); }\r\n.sched-pill.ef { color: #00d4ff; border-color: rgba(0,212,255,0.3); background: rgba(0,212,255,0.06); }\r\n\r\n\/* tabs \u2014 full width bg, centered content *\/\r\n.sched-tabs-bar {\r\n background: rgba(0,0,0,0.15);\r\n border-bottom: 0.5px solid rgba(255,255,255,0.06);\r\n}\r\n.sched-tabs {\r\n display: flex;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n}\r\n.sched-tab {\r\n flex: 1; padding: 14px 16px; background: none; border: none; cursor: pointer;\r\n font-family: 'Bebas Neue', sans-serif; font-size: 13px; letter-spacing: 2px;\r\n color: rgba(255,255,255,0.3); border-bottom: 2px solid transparent;\r\n transition: color 0.2s, border-color 0.2s, background 0.2s;\r\n display: flex; align-items: center; justify-content: center; gap: 7px;\r\n}\r\n.sched-tab:hover { color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.02); }\r\n.sched-tab.active.ea { color: #4ade80; border-bottom-color: #4ade80; background: rgba(74,222,128,0.03); }\r\n.sched-tab.active.rl { color: #ff6b35; border-bottom-color: #ff6b35; background: rgba(255,107,53,0.03); }\r\n.sched-tab.active.ef { color: #00d4ff; border-bottom-color: #00d4ff; background: rgba(0,212,255,0.03); }\r\n.sched-tab-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }\r\n.sched-tab.ea .sched-tab-dot { background: #4ade80; }\r\n.sched-tab.rl .sched-tab-dot { background: #ff6b35; }\r\n.sched-tab.ef .sched-tab-dot { background: #00d4ff; }\r\n\r\n.sched-game-panel { display: none; }\r\n.sched-game-panel.active { display: block; }\r\n\r\n\/* events list centered *\/\r\n.sched-events-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n}\r\n\r\n.sched-ev {\r\n display: grid;\r\n grid-template-columns: 52px 1fr auto auto auto;\r\n align-items: center; gap: 14px;\r\n padding: 14px 0;\r\n border-bottom: 0.5px solid rgba(255,255,255,0.04);\r\n transition: background 0.15s;\r\n}\r\n.sched-ev:last-child { border-bottom: none; }\r\n.sched-ev:hover { background: rgba(255,255,255,0.015); }\r\n\r\n.sched-ev-num {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 28px;\r\n color: rgba(255,255,255,0.12); text-align: center; line-height: 1;\r\n}\r\n.sched-ev.finals .sched-ev-num { color: rgba(240,192,64,0.35); font-size: 20px; }\r\n.sched-ev.past .sched-ev-num { color: rgba(255,255,255,0.04); }\r\n\r\n.sched-ev-info { min-width: 0; }\r\n.sched-ev-event {\r\n font-size: 8px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;\r\n color: rgba(255,255,255,0.28); margin-bottom: 3px;\r\n}\r\n.sched-ev.past .sched-ev-event { opacity: 0.4; }\r\n.sched-ev-name {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 20px;\r\n letter-spacing: 1.5px; color: #ffffff; line-height: 1;\r\n}\r\n.sched-ev.past .sched-ev-name { color: rgba(255,255,255,0.22); }\r\n.sched-ev.finals .sched-ev-name { color: #f0c040; }\r\n.sched-ev.open-reg .sched-ev-name { color: #ffffff; }\r\n.sched-ev.soon-ev .sched-ev-name { color: #ffffff; }\r\n.sched-ev-meta {\r\n display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin-top: 7px;\r\n}\r\n.sched-ev-date {\r\n font-size: 10px; font-weight: 600; letter-spacing: 0.8px; color: rgba(255,255,255,0.35);\r\n}\r\n.sched-ev.past .sched-ev-date { opacity: 0.45; }\r\n\r\n.sched-time-badge {\r\n font-size: 9px; font-weight: 700; letter-spacing: 0.8px;\r\n border-radius: 3px; padding: 1px 5px !important; white-space: nowrap; display: inline-block;\r\n}\r\n.sched-time-badge.checkin {\r\n color: #93c5fd; background: rgba(96,165,250,0.12); border: 1px solid rgba(96,165,250,0.3);\r\n}\r\n.sched-time-badge.start {\r\n color: #86efac; background: rgba(74,222,128,0.1); border: 1px solid rgba(74,222,128,0.28);\r\n}\r\n.sched-ev.past .sched-time-badge { opacity: 0.3; }\r\n\r\n.sched-badge {\r\n font-size: 8px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;\r\n padding: 5px 14px !important; border-radius: 3px; white-space: nowrap; flex-shrink: 0;\r\n}\r\n.sched-badge.done { background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.18); }\r\n.sched-badge.open-reg { background: rgba(74,222,128,0.12); color: #4ade80; border: 1px solid rgba(74,222,128,0.4); }\r\n.sched-badge.soon { background: rgba(250,204,21,0.1); color: #facc15; border: 1px solid rgba(250,204,21,0.35); }\r\n.sched-badge.upcoming { background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.2); }\r\n.sched-badge.finals { background: rgba(240,192,64,0.1); color: #f0c040; border: 1px solid rgba(240,192,64,0.3); }\r\n.sched-badge.hide { background: rgba(255,255,255,0.03); color: rgba(255,255,255,0.14); }\r\n\r\n@keyframes pulse-register {\r\n 0%,100% { opacity: 1; border-color: rgba(220,50,50,0.6); color: rgba(230,90,90,1); background: rgba(200,40,40,0.15); }\r\n 50% { opacity: 0.5; border-color: rgba(220,50,50,0.15); color: rgba(200,60,60,0.5); background: rgba(200,40,40,0.04); }\r\n}\r\n.sched-register-btn {\r\n display: inline-flex; align-items: center;\r\n font-size: 8px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;\r\n padding: 5px 14px !important; border-radius: 3px; text-decoration: none; flex-shrink: 0;\r\n border: 1px solid rgba(220,50,50,0.5); color: rgba(220,80,80,0.9);\r\n background: rgba(200,40,40,0.1);\r\n animation: pulse-register 1.4s ease-in-out infinite;\r\n}\r\n.sched-register-btn:hover {\r\n border-color: rgba(220,50,50,0.9); color: #ff7070;\r\n background: rgba(200,40,40,0.25); animation: none;\r\n}\r\n\r\n.sched-cal-wrap { position: relative; flex-shrink: 0; }\r\n.sched-cal-btn {\r\n width: 34px; height: 34px; border-radius: 3px;\r\n background: rgba(96,165,250,0.06); border: 1px solid rgba(96,165,250,0.2);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 15px; cursor: pointer;\r\n transition: background 0.2s, border-color 0.2s;\r\n}\r\n.sched-cal-btn:hover { background: rgba(96,165,250,0.14); border-color: rgba(96,165,250,0.4); }\r\n.sched-cal-btn.hidden { opacity: 0; pointer-events: none; }\r\n\r\n.cal-dropdown {\r\n display: none;\r\n position: absolute; right: 0; top: calc(100% + 6px);\r\n background: #1a2235; border: 0.5px solid rgba(255,255,255,0.12);\r\n border-radius: 4px; overflow: hidden; z-index: 200;\r\n min-width: 165px; box-shadow: 0 8px 24px rgba(0,0,0,0.5);\r\n}\r\n.cal-dropdown.open { display: block; }\r\n.cal-dropdown-title {\r\n padding: 8px 12px 5px;\r\n font-size: 7px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;\r\n color: rgba(255,255,255,0.25); border-bottom: 0.5px solid rgba(255,255,255,0.07);\r\n}\r\n.cal-option {\r\n display: flex; align-items: center; gap: 8px;\r\n padding: 9px 12px; text-decoration: none;\r\n font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.65);\r\n transition: background 0.15s, color 0.15s; white-space: nowrap;\r\n border-bottom: 0.5px solid rgba(255,255,255,0.04);\r\n}\r\n.cal-option:last-child { border-bottom: none; }\r\n.cal-option:hover { background: rgba(255,255,255,0.06); color: #fff; }\r\n\r\n\/* Finals divider section *\/\r\n.sched-finals-section {\r\n display: none;\r\n}\r\n.sched-finals-section.has-finals {\r\n display: block;\r\n}\r\n.sched-finals-divider {\r\n max-width: 1200px;\r\n margin: 8px auto 0;\r\n padding: 0 28px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n}\r\n.sched-finals-divider-label {\r\n font-size: 8px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase;\r\n color: rgba(240,192,64,0.55);\r\n white-space: nowrap;\r\n display: flex; align-items: center; gap: 6px;\r\n}\r\n.sched-finals-divider-line {\r\n flex: 1; height: 1px;\r\n background: linear-gradient(90deg, rgba(240,192,64,0.25), rgba(240,192,64,0.04));\r\n}\r\n.sched-finals-events {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n background: rgba(240,192,64,0.02);\r\n}\r\n\r\n.sched-loading {\r\n text-align: center; padding: 28px;\r\n font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase;\r\n color: rgba(255,255,255,0.2);\r\n}\r\n\r\n.sched-show-more {\r\n text-align: center; padding: 22px 28px 24px;\r\n border-top: 0.5px solid rgba(255,255,255,0.05);\r\n margin-top: 8px;\r\n}\r\n.sched-show-more-btn {\r\n background: none; border: 0.5px solid rgba(255,255,255,0.18);\r\n color: rgba(255,255,255,0.45); font-family: 'Barlow', sans-serif;\r\n font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;\r\n padding: 12px 32px; border-radius: 3px; cursor: pointer;\r\n transition: border-color 0.2s, color 0.2s, background 0.2s;\r\n}\r\n.sched-show-more-btn:hover {\r\n border-color: rgba(255,255,255,0.4);\r\n color: rgba(255,255,255,0.85);\r\n background: rgba(255,255,255,0.04);\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .sched-inner, .sched-events-inner, .sched-finals-divider, .sched-finals-events { padding: 0 16px; }\r\n .sched-header { padding: 16px 0 14px; }\r\n .sched-header-pills { display: none; }\r\n .sched-tabs { padding: 0 16px; }\r\n .sched-ev { grid-template-columns: 36px 1fr auto auto; gap: 8px; padding: 20px 0; margin-bottom: 6px; border-bottom: 0.5px solid rgba(255,255,255,0.06) !important; }\r\n .sched-tab { font-size: 11px; letter-spacing: 1px; padding: 11px 0; }\r\n .sched-show-more { padding: 12px 16px 14px; }\r\n .cal-dropdown { right: auto; left: 0; }\r\n .sched-time-badge { font-size: 8px; padding: 3px 6px; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"roc-sched\">\r\n <div class=\"sched-header-strip\">\r\n <div class=\"sched-inner\">\r\n <div class=\"sched-header\">\r\n <div class=\"sched-header-left\">\r\n <div class=\"sched-title\">Tournament <span>Schedule<\/span><\/div>\r\n <div class=\"sched-sublabel\" id=\"schedSubLabel\">Season 1 \u2014 Loading...<\/div>\r\n <\/div>\r\n <div class=\"sched-header-pills\">\r\n <span class=\"sched-pill ea\">EA FC 26<\/span>\r\n <span class=\"sched-pill rl\">Rocket League<\/span>\r\n <span class=\"sched-pill ef\">eFOOTBALL<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sched-tabs-bar\">\r\n <div class=\"sched-tabs\">\r\n <button class=\"sched-tab ea active\" id=\"sched-tab-eafc\"><span class=\"sched-tab-dot\"><\/span> EA FC 26<\/button>\r\n <button class=\"sched-tab rl\" id=\"sched-tab-rl\"><span class=\"sched-tab-dot\"><\/span> Rocket League<\/button>\r\n <button class=\"sched-tab ef\" id=\"sched-tab-efootball\"><span class=\"sched-tab-dot\"><\/span> eFOOTBALL<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sched-game-panel active\" id=\"sched-eafc\"><div class=\"sched-loading\">\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7...<\/div><\/div>\r\n <div class=\"sched-finals-section\" id=\"sched-finals-eafc\">\r\n <div class=\"sched-finals-divider\"><div class=\"sched-finals-divider-label\">\u2605 Finals<\/div><div class=\"sched-finals-divider-line\"><\/div><\/div>\r\n <div class=\"sched-finals-events\" id=\"sched-finals-eafc-ev\"><\/div>\r\n <\/div>\r\n <div class=\"sched-show-more\" id=\"sched-more-eafc\" style=\"display:none\"><\/div>\r\n\r\n <div class=\"sched-game-panel\" id=\"sched-rl\"><div class=\"sched-loading\">\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7...<\/div><\/div>\r\n <div class=\"sched-finals-section\" id=\"sched-finals-rl\">\r\n <div class=\"sched-finals-divider\"><div class=\"sched-finals-divider-label\">\u2605 Finals<\/div><div class=\"sched-finals-divider-line\"><\/div><\/div>\r\n <div class=\"sched-finals-events\" id=\"sched-finals-rl-ev\"><\/div>\r\n <\/div>\r\n <div class=\"sched-show-more\" id=\"sched-more-rl\" style=\"display:none\"><\/div>\r\n\r\n <div class=\"sched-game-panel\" id=\"sched-efootball\"><div class=\"sched-loading\">\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7...<\/div><\/div>\r\n <div class=\"sched-finals-section\" id=\"sched-finals-efootball\">\r\n <div class=\"sched-finals-divider\"><div class=\"sched-finals-divider-label\">\u2605 Finals<\/div><div class=\"sched-finals-divider-line\"><\/div><\/div>\r\n <div class=\"sched-finals-events\" id=\"sched-finals-efootball-ev\"><\/div>\r\n <\/div>\r\n <div class=\"sched-show-more\" id=\"sched-more-efootball\" style=\"display:none\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\nvar COL = { event:2, game:3, round:4, date:5, status:6, register:7, prizepool:8, checkin:9, start:10, tournLink:11, pageLink:12 };\r\nvar CSV_URL = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vRwYEJQQvu8A5aCzPtb_vlK-bUTSpKHNq1pGQo_IrScbTshZayVbwL1S6AMODASFA\/pub?gid=1751640218&single=true&output=csv';\r\nvar GAME_KEYS = { 'EAFC26':'eafc', 'eFootball':'efootball', 'Rocket League':'rl', 'EAFC27':'eafc' };\r\nvar GAME_LABELS = { eafc:'EA FC 26', rl:'Rocket League', efootball:'eFOOTBALL' };\r\nvar PRIORITY_STATUSES = ['open regist','open reg','register','open'];\r\nvar MONTHS = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];\r\nvar openCalDropdown = null;\r\nvar _schedData = {}, _schedState = {};\r\n\r\n['eafc','rl','efootball'].forEach(function(g) {\r\n var btn = document.getElementById('sched-tab-' + g);\r\n if (btn) btn.addEventListener('click', function() { switchSchedTab(g); });\r\n});\r\n\r\ndocument.addEventListener('click', function(e) {\r\n if (!e.target.closest('.sched-cal-wrap') && openCalDropdown) {\r\n var el = document.getElementById(openCalDropdown);\r\n if (el) el.classList.remove('open');\r\n openCalDropdown = null;\r\n }\r\n});\r\n\r\nfunction toggleCalDropdown(id) {\r\n if (openCalDropdown && openCalDropdown !== id) {\r\n var prev = document.getElementById(openCalDropdown);\r\n if (prev) prev.classList.remove('open');\r\n }\r\n var el = document.getElementById(id);\r\n if (!el) return;\r\n el.classList.toggle('open');\r\n openCalDropdown = el.classList.contains('open') ? id : null;\r\n}\r\n\r\nfunction parseCSV(text) {\r\n var lines = text.trim().split('\\n'), result = [];\r\n for (var i = 0; i < lines.length; i++) {\r\n var cols = [], cur = '', inQ = false;\r\n for (var j = 0; j < lines[i].length; j++) {\r\n var ch = lines[i][j];\r\n if (ch === '\"') { inQ = !inQ; }\r\n else if (ch === ',' && !inQ) { cols.push(cur.trim()); cur = ''; }\r\n else { cur += ch; }\r\n }\r\n cols.push(cur.trim()); result.push(cols);\r\n }\r\n return result;\r\n}\r\n\r\nfunction parseSingleDate(str) {\r\n if (!str) return null;\r\n var s = str.trim();\r\n var slashMatch = s.match(\/^(\\d{1,2})\\\/(\\d{1,2})\\\/(\\d{2,4})$\/);\r\n if (slashMatch) {\r\n var day = parseInt(slashMatch[1], 10);\r\n var mon = parseInt(slashMatch[2], 10) - 1;\r\n var yr = parseInt(slashMatch[3], 10);\r\n if (yr < 100) yr += 2000;\r\n return new Date(yr, mon, day);\r\n }\r\n var d = new Date(s);\r\n if (!isNaN(d)) return d;\r\n d = new Date(s + ', 2026');\r\n if (!isNaN(d)) return d;\r\n d = new Date(s + ', 2025');\r\n if (!isNaN(d)) return d;\r\n return null;\r\n}\r\n\r\nfunction parseDate(str) {\r\n if (!str || str.toUpperCase() === 'TBA') return null;\r\n var base = str.split('\\u2192')[0].split('->')[0].trim();\r\n return parseSingleDate(base);\r\n}\r\n\r\nfunction isPriority(status) {\r\n var s = (status||'').toLowerCase().trim();\r\n return PRIORITY_STATUSES.some(function(p) { return s.indexOf(p) >= 0; });\r\n}\r\nfunction isCompleted(status) {\r\n var s = (status||'').toLowerCase().trim();\r\n return s === 'completed' || s === 'done';\r\n}\r\nfunction isHidden(status) {\r\n var s = (status||'').toLowerCase().trim();\r\n return s === 'hide' || s === 'hidden';\r\n}\r\nfunction isSoon(status) {\r\n return (status||'').toLowerCase().trim() === 'soon';\r\n}\r\nfunction isFinalStage(round) {\r\n return (round||'').toUpperCase().indexOf('FINAL') >= 0;\r\n}\r\nfunction isValidTime(t) {\r\n return t && t.indexOf(':') >= 0 && \/^\\d{1,2}:\\d{2}$\/.test(t.trim());\r\n}\r\n\r\nfunction getVisibleIndices(events) {\r\n var visible = new Set();\r\n events.forEach(function(ev, i) {\r\n if (isPriority(ev.status)) visible.add(i);\r\n });\r\n if (visible.size < 3) {\r\n var completed = [];\r\n events.forEach(function(ev, i) { if (isCompleted(ev.status)) completed.push(i); });\r\n var needed = 3 - visible.size;\r\n completed.slice(-needed).forEach(function(i) { visible.add(i); });\r\n }\r\n if (visible.size === 0) {\r\n events.slice(0,3).forEach(function(_, i) { visible.add(i); });\r\n }\r\n return visible;\r\n}\r\n\r\nfunction makeCalUrls(title, dateStr, checkin, start) {\r\n var d = parseDate(dateStr);\r\n if (!d) return null;\r\n function pad(n) { return String(n).padStart(2,'0'); }\r\n function fmt(dt) { return '' + dt.getFullYear() + pad(dt.getMonth()+1) + pad(dt.getDate()); }\r\n var s = fmt(d), e = s;\r\n if (dateStr && (dateStr.indexOf('\\u2192') >= 0 || dateStr.indexOf('->') >= 0)) {\r\n var d2 = new Date(d); d2.setDate(d2.getDate()+1); e = fmt(d2);\r\n }\r\n var startT = (checkin && checkin.indexOf(':') >= 0) ? checkin.replace(':','') + '00' : '180000';\r\n var endT = (start && start.indexOf(':') >= 0) ? start.replace(':','') + '00' : '230000';\r\n var enc = encodeURIComponent;\r\n var dtStart = s + 'T' + startT, dtEnd = e + 'T' + endT;\r\n var year = d.getFullYear(), month = pad(d.getMonth()+1), day = pad(d.getDate());\r\n var sh = (checkin && checkin.indexOf(':') >= 0) ? checkin : '18:00';\r\n var eh = (start && start.indexOf(':') >= 0) ? start : '23:00';\r\n return {\r\n google: 'https:\/\/calendar.google.com\/calendar\/render?action=TEMPLATE&text=' + enc(title) + '&dates=' + dtStart + '\/' + dtEnd,\r\n outlook: 'https:\/\/outlook.live.com\/calendar\/0\/deeplink\/compose?subject=' + enc(title) + '&startdt=' + year + '-' + month + '-' + day + 'T' + sh + ':00&enddt=' + year + '-' + month + '-' + day + 'T' + eh + ':00&allday=false',\r\n yahoo: 'https:\/\/calendar.yahoo.com\/?v=60&title=' + enc(title) + '&st=' + dtStart + '&et=' + dtEnd + '&desc=',\r\n apple: 'data:text\/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:' + dtStart + '%0ADTEND:' + dtEnd + '%0ASUMMARY:' + enc(title) + '%0AEND:VEVENT%0AEND:VCALENDAR'\r\n };\r\n}\r\n\r\nfunction formatSingleDate(str) {\r\n if (!str) return str;\r\n var d = parseSingleDate(str.trim());\r\n if (!d || isNaN(d)) return str;\r\n return d.getDate() + ' ' + MONTHS[d.getMonth()];\r\n}\r\n\r\nfunction formatDate(str) {\r\n if (!str || str.toUpperCase() === 'TBA') return 'TBA';\r\n if (str.indexOf('\\u2192') >= 0) return str.split('\\u2192').map(function(s) { return formatSingleDate(s.trim()); }).join(' \\u2192 ');\r\n if (str.indexOf('->') >= 0) return str.split('->').map(function(s) { return formatSingleDate(s.trim()); }).join(' \\u2192 ');\r\n return formatSingleDate(str);\r\n}\r\n\r\nfunction buildEventHtml(ev, idx, game) {\r\n var status = (ev.status||'').toLowerCase().trim();\r\n var done = isCompleted(ev.status);\r\n var open = isPriority(status);\r\n var soon = isSoon(ev.status);\r\n var finals = isFinalStage(ev.round);\r\n\r\n var badge = '', rowClass = '';\r\n if (finals && !done) {\r\n badge = '<span class=\"sched-badge finals\">Finals<\/span>';\r\n rowClass = 'finals';\r\n } else if (open) {\r\n rowClass = 'open-reg';\r\n } else if (soon) {\r\n badge = '<span class=\"sched-badge soon\">Soon<\/span>';\r\n rowClass = 'soon-ev';\r\n } else if (done) {\r\n badge = '<span class=\"sched-badge done\">Done<\/span>';\r\n rowClass = 'past';\r\n } else if (isHidden(ev.status)) {\r\n badge = '<span class=\"sched-badge hide\">TBA<\/span>';\r\n } else {\r\n badge = '<span class=\"sched-badge upcoming\">Upcoming<\/span>';\r\n }\r\n\r\n var evLabel = (ev.round||'').toUpperCase();\r\n var numMatch = (ev.round||'').match(\/\\d+\/);\r\n var numLabel = finals ? '\\u2605' : (numMatch ? numMatch[0] : '\\u2014');\r\n\r\n var checkinHtml = isValidTime(ev.checkin) ? '<span class=\"sched-time-badge checkin\">Check-in ' + ev.checkin.trim() + '<\/span>' : '';\r\n var startHtml = isValidTime(ev.start) ? '<span class=\"sched-time-badge start\">Starts ' + ev.start.trim() + '<\/span>' : '';\r\n var dateDisplay = (ev.date && ev.date.toUpperCase() !== 'TBA') ? formatDate(ev.date) : 'TBA';\r\n\r\n var calBtn = '<span class=\"sched-cal-btn hidden\"><\/span>';\r\n if (!done && ev.date && ev.date.toUpperCase() !== 'TBA') {\r\n var calTitle = ev.eventName + ' \\u2014 ' + (GAME_LABELS[game]||'') + ' \\u2014 ' + evLabel;\r\n var urls = makeCalUrls(calTitle, ev.date, ev.checkin, ev.start);\r\n if (urls) {\r\n var dropId = 'cal-drop-' + game + '-' + idx;\r\n calBtn = '<div class=\"sched-cal-wrap\">'\r\n + '<div class=\"sched-cal-btn\" data-dropdown=\"' + dropId + '\">📆<\/div>'\r\n + '<div class=\"cal-dropdown\" id=\"' + dropId + '\">'\r\n + '<div class=\"cal-dropdown-title\">Add to Calendar<\/div>'\r\n + '<a class=\"cal-option\" href=\"' + urls.google + '\" target=\"_blank\">📅 Google Calendar<\/a>'\r\n + '<a class=\"cal-option\" href=\"' + urls.outlook + '\" target=\"_blank\">📧 Outlook<\/a>'\r\n + '<a class=\"cal-option\" href=\"' + urls.apple + '\" download=\"event.ics\">🍎 Apple Calendar<\/a>'\r\n + '<a class=\"cal-option\" href=\"' + urls.yahoo + '\" target=\"_blank\">🟣 Yahoo Calendar<\/a>'\r\n + '<\/div><\/div>';\r\n }\r\n }\r\n\r\n var regBtn = (open && ev.tournLink)\r\n ? '<a class=\"sched-register-btn\" href=\"' + ev.tournLink + '\" target=\"_blank\">Register<\/a>'\r\n : '';\r\n\r\n return '<div class=\"sched-ev ' + rowClass + '\">'\r\n + '<div class=\"sched-ev-num\">' + numLabel + '<\/div>'\r\n + '<div class=\"sched-ev-info\">'\r\n + '<div class=\"sched-ev-event\">' + (ev.eventName||'') + '<\/div>'\r\n + '<div class=\"sched-ev-name\">' + evLabel + '<\/div>'\r\n + '<div class=\"sched-ev-meta\">'\r\n + '<span class=\"sched-ev-date\">' + dateDisplay + '<\/span>'\r\n + checkinHtml + startHtml\r\n + '<\/div>'\r\n + '<\/div>'\r\n + badge + regBtn + calBtn\r\n + '<\/div>';\r\n}\r\n\r\nfunction attachCalListeners(container) {\r\n container.querySelectorAll('.sched-cal-btn[data-dropdown]').forEach(function(btn) {\r\n btn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n toggleCalDropdown(btn.getAttribute('data-dropdown'));\r\n });\r\n });\r\n}\r\n\r\nfunction renderFinals(game, events) {\r\n var section = document.getElementById('sched-finals-' + game);\r\n var evEl = document.getElementById('sched-finals-' + game + '-ev');\r\n if (!section || !evEl) return;\r\n\r\n var finals = events.filter(function(ev) {\r\n return isFinalStage(ev.round) && !isCompleted(ev.status);\r\n });\r\n\r\n if (!finals.length) {\r\n section.classList.remove('has-finals');\r\n evEl.innerHTML = '';\r\n return;\r\n }\r\n\r\n section.classList.add('has-finals');\r\n var html = '';\r\n finals.forEach(function(ev) {\r\n html += buildEventHtml(ev, events.indexOf(ev), game);\r\n });\r\n evEl.innerHTML = html;\r\n attachCalListeners(evEl);\r\n}\r\n\r\nfunction renderEvents(game, events, showAll) {\r\n var col = document.getElementById('sched-' + game);\r\n var moreWrap = document.getElementById('sched-more-' + game);\r\n\r\n \/\/ exclude finals from the main list\r\n var nonFinals = events.filter(function(ev) {\r\n return !(isFinalStage(ev.round) && !isCompleted(ev.status));\r\n });\r\n\r\n var visibleSet = getVisibleIndices(nonFinals);\r\n var visible = showAll ? nonFinals : nonFinals.filter(function(_, i) { return visibleSet.has(i); });\r\n var hasHidden = !showAll && nonFinals.some(function(_, i) { return !visibleSet.has(i); });\r\n\r\n var html = '';\r\n visible.forEach(function(ev) {\r\n html += buildEventHtml(ev, events.indexOf(ev), game);\r\n });\r\n\r\n col.innerHTML = '<div class=\"sched-events-inner\">'\r\n + (html || '<div class=\"sched-loading\">\u0394\u03b5\u03bd \u03b2\u03c1\u03ad\u03b8\u03b7\u03ba\u03b1\u03bd \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1.<\/div>')\r\n + '<\/div>';\r\n\r\n attachCalListeners(col);\r\n\r\n ['eafc','rl','efootball'].forEach(function(g) {\r\n var w = document.getElementById('sched-more-' + g);\r\n if (w && g !== game) w.style.display = 'none';\r\n });\r\n\r\n if (moreWrap) {\r\n if (hasHidden) {\r\n moreWrap.style.display = 'block';\r\n moreWrap.innerHTML = '<button class=\"sched-show-more-btn\">View Full Schedule ▼<\/button>';\r\n moreWrap.querySelector('button').addEventListener('click', function() {\r\n _schedState[game] = true;\r\n renderEvents(game, _schedData[game], true);\r\n });\r\n } else if (showAll && nonFinals.length > visibleSet.size) {\r\n moreWrap.style.display = 'block';\r\n moreWrap.innerHTML = '<button class=\"sched-show-more-btn\">↑ Show Less<\/button>';\r\n moreWrap.querySelector('button').addEventListener('click', function() {\r\n _schedState[game] = false;\r\n renderEvents(game, _schedData[game], false);\r\n });\r\n } else {\r\n moreWrap.style.display = 'none';\r\n }\r\n }\r\n}\r\n\r\nfunction buildPanel(game, events) {\r\n _schedData[game] = events;\r\n var col = document.getElementById('sched-' + game);\r\n if (!events.length) {\r\n col.innerHTML = '<div class=\"sched-loading\">\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 renderEvents(game, events, false);\r\n renderFinals(game, events);\r\n}\r\n\r\nfunction updateSubLabel(all) {\r\n var open = null, soon = null;\r\n for (var i = 0; i < all.length; i++) {\r\n if (!open && isPriority(all[i].status)) open = all[i];\r\n if (!soon && isSoon(all[i].status)) soon = all[i];\r\n }\r\n var el = document.getElementById('schedSubLabel');\r\n if (open) {\r\n el.textContent = 'Open Registration: ' + open.eventName + ' \\u00b7 ' + (GAME_LABELS[open.gameKey]||'') + ' \\u00b7 ' + (open.round||'').toUpperCase() + ' \\u00b7 ' + formatDate(open.date);\r\n } else if (soon) {\r\n el.textContent = 'Coming Soon: ' + soon.eventName + ' \\u00b7 ' + (GAME_LABELS[soon.gameKey]||'') + ' \\u00b7 ' + (soon.round||'').toUpperCase();\r\n } else {\r\n el.textContent = 'Season 1 \\u2014 All events completed';\r\n }\r\n}\r\n\r\nfunction switchSchedTab(game) {\r\n document.querySelectorAll('.sched-tab').forEach(function(t) { t.classList.remove('active'); });\r\n document.querySelectorAll('.sched-game-panel').forEach(function(p) { p.classList.remove('active'); });\r\n \/\/ show only the active game's finals section\r\n ['eafc','rl','efootball'].forEach(function(g) {\r\n var s = document.getElementById('sched-finals-' + g);\r\n if (s) s.style.display = (g === game) ? '' : 'none';\r\n var w = document.getElementById('sched-more-' + g);\r\n if (w && g !== game) w.style.display = 'none';\r\n });\r\n document.getElementById('sched-tab-' + game).classList.add('active');\r\n document.getElementById('sched-' + game).classList.add('active');\r\n if (_schedData[game]) {\r\n setTimeout(function() {\r\n renderEvents(game, _schedData[game], _schedState[game] || false);\r\n renderFinals(game, _schedData[game]);\r\n }, 0);\r\n }\r\n}\r\n\r\nasync function loadSchedule() {\r\n try {\r\n var res = await fetch(CSV_URL);\r\n var text = await res.text();\r\n var rows = parseCSV(text);\r\n\r\n var headerRow = 0;\r\n for (var r = 0; r < Math.min(rows.length, 5); r++) {\r\n if (rows[r].some(function(c) { return c.toUpperCase() === 'GAME'; })) { headerRow = r; break; }\r\n }\r\n\r\n var headers = rows[headerRow].map(function(h) { return h.toUpperCase().trim(); });\r\n var ci = {\r\n event: headers.indexOf('EVENT'),\r\n game: headers.indexOf('GAME'),\r\n round: headers.indexOf('ROUND'),\r\n date: headers.indexOf('DATE'),\r\n status: headers.indexOf('STATUS'),\r\n register: headers.indexOf('REGISTER'),\r\n prizepool:headers.indexOf('PRIZEPOOL'),\r\n checkin: headers.indexOf('CHECK IN'),\r\n start: headers.indexOf('START'),\r\n tournLink:headers.indexOf('TOURNAMENT LINK'),\r\n pageLink: headers.indexOf('PAGE LINK'),\r\n };\r\n\r\n if (ci.game < 0) ci.game = COL.game;\r\n if (ci.event < 0) ci.event = COL.event;\r\n if (ci.round < 0) ci.round = COL.round;\r\n if (ci.date < 0) ci.date = COL.date;\r\n if (ci.status < 0) ci.status = COL.status;\r\n if (ci.checkin < 0) ci.checkin = COL.checkin;\r\n if (ci.start < 0) ci.start = COL.start;\r\n if (ci.tournLink < 0) ci.tournLink = COL.tournLink;\r\n if (ci.prizepool < 0) ci.prizepool = COL.prizepool;\r\n\r\n var grouped = { eafc:[], rl:[], efootball:[] }, all = [];\r\n\r\n for (var row = headerRow + 1; row < rows.length; row++) {\r\n var cols = rows[row];\r\n if (!cols || cols.length < 4) continue;\r\n var gameVal = (cols[ci.game]||'').trim();\r\n var gameKey = GAME_KEYS[gameVal];\r\n if (!gameKey) continue;\r\n var ev = {\r\n gameKey: gameKey,\r\n eventName: (cols[ci.event]||'').trim(),\r\n round: (cols[ci.round]||'').trim(),\r\n date: (cols[ci.date]||'').trim(),\r\n status: (cols[ci.status]||'').trim(),\r\n checkin: (cols[ci.checkin]||'').trim(),\r\n start: (cols[ci.start]||'').trim(),\r\n tournLink: ci.tournLink >= 0 ? (cols[ci.tournLink]||'').trim() : '',\r\n };\r\n grouped[gameKey].push(ev);\r\n all.push(ev);\r\n }\r\n\r\n \/\/ hide all finals sections except eafc (active tab on load)\r\n ['rl','efootball'].forEach(function(g) {\r\n var s = document.getElementById('sched-finals-' + g);\r\n if (s) s.style.display = 'none';\r\n });\r\n\r\n ['eafc','rl','efootball'].forEach(function(g) { buildPanel(g, grouped[g]); });\r\n updateSubLabel(all);\r\n\r\n } catch(err) {\r\n console.error(err);\r\n ['eafc','rl','efootball'].forEach(function(g) {\r\n document.getElementById('sched-' + g).innerHTML = '<div class=\"sched-loading\" style=\"color:#ff6b6b\">⚠️ \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\r\nloadSchedule();\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<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: wrap; }\r\n #rocRankWrap .rk-tab-btn {\r\n background: rgba(255,255,255,0.03); border: 0.5px solid rgba(255,255,255,0.08);\r\n color: rgba(255,255,255,0.3); font-family: 'Bebas Neue', sans-serif;\r\n font-size: 13px; letter-spacing: 2px; text-transform: uppercase;\r\n padding: 10px 24px; border-radius: 2px; cursor: pointer;\r\n transition: all 0.2s; display: flex; align-items: center; gap: 7px;\r\n }\r\n #rocRankWrap .rk-tab-btn:hover { color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.05); }\r\n #rocRankWrap .rk-tab-btn.active[data-game=\"efootball\"] { background: rgba(0,212,255,0.06); border-color: rgba(0,212,255,0.35); color: var(--rk-ef); }\r\n #rocRankWrap .rk-tab-btn.active[data-game=\"rl\"] { background: rgba(255,107,53,0.06); border-color: rgba(255,107,53,0.35); color: var(--rk-rl); }\r\n #rocRankWrap .rk-tab-btn.active[data-game=\"eafc\"] { background: rgba(74,222,128,0.06); border-color: rgba(74,222,128,0.35); color: var(--rk-ea); }\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-more-wrap {\r\n text-align: center; padding: 10px 24px 14px; 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-more-btn {\r\n background: none; border: 0.5px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.35);\r\n font-family: 'Barlow', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px;\r\n text-transform: uppercase; padding: 7px 20px; border-radius: 2px; cursor: pointer;\r\n transition: border-color 0.2s, color 0.2s;\r\n }\r\n #rocRankWrap .rk-more-btn:hover { border-color: rgba(255,255,255,0.3); color: rgba(255,255,255,0.7); }\r\n\r\n @media(max-width:600px) {\r\n #rocRankWrap .rk-col-hdr, #rocRankWrap .rk-row { grid-template-columns: 44px 1fr 84px 64px; padding-left: 14px; padding-right: 14px; }\r\n #rocRankWrap .rk-header h1 { font-size: 1.5rem; }\r\n #rocRankWrap .rk-tab-btn { padding: 8px 14px; font-size: 11px; }\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-more-wrap\" id=\"rk-more-eafc\" style=\"display:none\">\r\n <button class=\"rk-more-btn\" data-game=\"eafc\">View Full Rankings \u25be<\/button>\r\n <\/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-more-wrap\" id=\"rk-more-rl\" style=\"display:none\">\r\n <button class=\"rk-more-btn\" data-game=\"rl\">View Full Rankings \u25be<\/button>\r\n <\/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-more-wrap\" id=\"rk-more-efootball\" style=\"display:none\">\r\n <button class=\"rk-more-btn\" data-game=\"efootball\">View Full Rankings \u25be<\/button>\r\n <\/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 INITIAL_SHOW = 22;\r\n var allData = { efootball: [], rl: [], eafc: [] };\r\n var state = { efootball: false, rl: false, eafc: false };\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 moreWrap = document.getElementById('rk-more-' + game);\r\n var showAll = state[game];\r\n var html = '';\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\r\n qfRows.sort(function(a,b){ return parseWR(b[3]) - parseWR(a[3]); });\r\n\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 QUALIFIED<\/span><\/div>' +\r\n '<div class=\"rk-wr\">' + fmtWR(row[3]) + '<\/div>' +\r\n '<\/div>';\r\n });\r\n\r\n if (qfRows.length > 0)\r\n html += '<div class=\"rk-divider\">Overall Ranking<\/div>';\r\n\r\n var remainingSlots = Math.max(0, INITIAL_SHOW - qfRows.length);\r\n var visible = showAll ? nonQFRows : nonQFRows.slice(0, remainingSlots);\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 visible.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 moreWrap.style.display = (nonQFRows.length > remainingSlots && !showAll) ? 'block' : 'none';\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 state[game] = !!q;\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 document.querySelectorAll('#rocRankWrap .rk-more-btn').forEach(function(btn) {\r\n btn.addEventListener('click', function() {\r\n var game = btn.getAttribute('data-game');\r\n state[game] = true;\r\n renderRows(game, allData[game]);\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<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 :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 --fmt-accent: var(--fmt-accent-ea);\r\n }\r\n\r\n #rocFmtWrap * { box-sizing: border-box; }\r\n\r\n #rocFmtWrap {\r\n font-family: 'Barlow', sans-serif;\r\n color: var(--fmt-text);\r\n width: 100% !important;\r\n max-width: 960px !important;\r\n min-width: 0 !important;\r\n margin: 0 auto !important;\r\n padding: 30px 16px 60px !important;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n #rocFmtWrap .fmt-tab-panel { display: none; width: 100% !important; }\r\n #rocFmtWrap .fmt-tab-panel.active { display: block; width: 100% !important; animation: fmtFadeIn 0.25s ease; }\r\n\r\n #rocFmtWrap .fmt-card {\r\n width: 100% !important;\r\n min-width: 0 !important;\r\n }\r\n\r\n #rocFmtWrap .fmt-header { text-align: center; margin-bottom: 32px; }\r\n #rocFmtWrap .fmt-header h1 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 2.2rem; font-weight: 400;\r\n letter-spacing: 3px; text-transform: uppercase;\r\n color: var(--fmt-text);\r\n }\r\n #rocFmtWrap .fmt-header h1 span { color: var(--fmt-gold); }\r\n #rocFmtWrap .fmt-header p {\r\n color: var(--fmt-muted);\r\n font-size: 0.75rem; letter-spacing: 2px;\r\n text-transform: uppercase; margin-top: 6px; font-weight: 600;\r\n }\r\n\r\n \/* Tabs *\/\r\n #rocFmtWrap .fmt-tab-nav { display: flex; gap: 5px; margin-bottom: 24px; justify-content: center; flex-wrap: wrap; }\r\n #rocFmtWrap .fmt-tab-btn {\r\n background: rgba(255,255,255,0.03);\r\n border: 0.5px solid rgba(255,255,255,0.08);\r\n border-bottom: 2px solid transparent;\r\n color: rgba(255,255,255,0.3);\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 13px; letter-spacing: 2px; text-transform: uppercase;\r\n padding: 10px 24px; border-radius: 2px; cursor: pointer;\r\n transition: all 0.2s; display: flex; align-items: center; gap: 7px;\r\n }\r\n #rocFmtWrap .fmt-tab-btn:hover { color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.05); }\r\n #rocFmtWrap .fmt-tab-btn.active[data-game=\"efootball\"] {\r\n background: rgba(0,212,255,0.06); border-color: rgba(0,212,255,0.25);\r\n border-bottom-color: var(--fmt-accent-ef); color: var(--fmt-accent-ef);\r\n box-shadow: 0 2px 0 var(--fmt-accent-ef);\r\n }\r\n #rocFmtWrap .fmt-tab-btn.active[data-game=\"rl\"] {\r\n background: rgba(255,107,53,0.06); border-color: rgba(255,107,53,0.25);\r\n border-bottom-color: var(--fmt-accent-rl); color: var(--fmt-accent-rl);\r\n box-shadow: 0 2px 0 var(--fmt-accent-rl);\r\n }\r\n #rocFmtWrap .fmt-tab-btn.active[data-game=\"eafc\"] {\r\n background: rgba(74,222,128,0.06); border-color: rgba(74,222,128,0.25);\r\n border-bottom-color: var(--fmt-accent-ea); color: var(--fmt-accent-ea);\r\n box-shadow: 0 2px 0 var(--fmt-accent-ea);\r\n }\r\n\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\r\n\r\n @keyframes fmtFadeIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }\r\n\r\n #rocFmtWrap .fmt-card {\r\n background: var(--fmt-bg-card);\r\n border: 0.5px solid var(--fmt-border);\r\n border-radius: 4px; overflow: hidden;\r\n width: 100%;\r\n min-height: 780px;\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 }\r\n #rocFmtWrap .fmt-card-hdr {\r\n padding: 14px 24px;\r\n border-bottom: 0.5px solid var(--fmt-border);\r\n background: rgba(0,0,0,0.15);\r\n display: flex; align-items: center; gap: 12px;\r\n }\r\n #rocFmtWrap .fmt-card-hdr h2 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 1.3rem; font-weight: 400; letter-spacing: 2px; text-transform: uppercase;\r\n margin: 0; padding: 0;\r\n }\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 \/* accent underline on header *\/\r\n #rocFmtWrap .fmt-card-hdr::after {\r\n content: ''; display: block; height: 2px; width: 32px; border-radius: 1px;\r\n background: var(--fmt-accent); margin-left: auto; opacity: 0.6;\r\n }\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 24px; display: flex; flex-direction: column; gap: 16px; }\r\n\r\n \/* Section labels pick up game accent *\/\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 rows (card-based, no table) *\/\r\n #rocFmtWrap .rank-rows { display: flex; flex-direction: column; gap: 4px; }\r\n #rocFmtWrap .rank-row {\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 9px 12px;\r\n background: rgba(255,255,255,0.02);\r\n border: 0.5px solid var(--fmt-border-soft);\r\n border-radius: 2px; font-size: 0.88rem;\r\n }\r\n #rocFmtWrap .rank-pos {\r\n color: var(--fmt-muted); font-size: 0.72rem; letter-spacing: 1.5px;\r\n text-transform: uppercase; font-weight: 700;\r\n }\r\n #rocFmtWrap .rank-val { font-weight: 600; color: var(--fmt-text); }\r\n #rocFmtWrap .rank-row.rank-top {\r\n background: rgba(240,192,64,0.04);\r\n border-color: rgba(240,192,64,0.18);\r\n border-left: 2px solid var(--fmt-gold);\r\n }\r\n #rocFmtWrap .rank-row.rank-top .rank-pos { color: var(--fmt-gold); }\r\n\r\n #rocFmtWrap .badge-direct {\r\n display: inline-block; font-family: 'Bebas Neue', sans-serif;\r\n font-size: 0.75rem; letter-spacing: 2px; padding: 3px 10px; border-radius: 2px;\r\n background: rgba(74,222,128,0.08); color: var(--fmt-accent-ea);\r\n border: 0.5px solid rgba(74,222,128,0.3);\r\n }\r\n\r\n #rocFmtWrap .bonus-row {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 9px 12px; background: rgba(255,255,255,0.02);\r\n border: 0.5px solid var(--fmt-border-soft); border-radius: 2px; font-size: 0.88rem; margin-bottom: 4px;\r\n }\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 #rocFmtWrap .qualify-row {\r\n display: flex; align-items: center; padding: 9px 12px;\r\n background: rgba(255,255,255,0.02); border: 0.5px solid var(--fmt-border-soft);\r\n border-radius: 2px; font-size: 0.88rem; margin-bottom: 4px; color: var(--fmt-muted);\r\n }\r\n #rocFmtWrap .qualify-row:last-child { margin-bottom: 0; }\r\n #rocFmtWrap .q-badge {\r\n margin-left: auto; flex-shrink: 0; font-family: 'Bebas Neue', sans-serif;\r\n font-size: 0.7rem; letter-spacing: 2px; padding: 3px 9px; border-radius: 2px;\r\n }\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 #rocFmtWrap .days-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\r\n @media(max-width:520px) { #rocFmtWrap .days-grid { grid-template-columns: 1fr; } }\r\n\r\n #rocFmtWrap .days-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: stretch; }\r\n #rocFmtWrap .day-card { background: rgba(0,0,0,0.2); border: 0.5px solid var(--fmt-border); border-radius: 4px; overflow: hidden; min-height: 220px; display: flex; flex-direction: column; }\r\n #rocFmtWrap .day-body { padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; flex: 1; }\r\n #rocFmtWrap .day-hdr {\r\n padding: 9px 14px; border-bottom: 0.5px solid var(--fmt-border);\r\n display: flex; align-items: center; gap: 8px; background: rgba(0,0,0,0.15);\r\n }\r\n #rocFmtWrap .day-badge {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 0.65rem; letter-spacing: 2px; padding: 2px 8px; border-radius: 2px;\r\n }\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.8rem; font-weight: 700; color: rgba(255,255,255,0.6); letter-spacing: 1px; text-transform: uppercase; }\r\n #rocFmtWrap .day-body { padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; }\r\n\r\n #rocFmtWrap .info-row {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 5px 0; border-bottom: 0.5px solid var(--fmt-border-soft); font-size: 0.82rem;\r\n }\r\n #rocFmtWrap .info-row:last-of-type { border-bottom: none; }\r\n #rocFmtWrap .i-key { color: var(--fmt-muted); }\r\n #rocFmtWrap .i-val { font-weight: 600; color: var(--fmt-text); }\r\n\r\n #rocFmtWrap .pill {\r\n font-family: 'Bebas Neue', sans-serif; font-size: 0.7rem; letter-spacing: 1.5px;\r\n padding: 2px 8px; border-radius: 2px; display: inline-block;\r\n }\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 #rocFmtWrap .tb-box {\r\n margin-top: 8px; background: rgba(0,0,0,0.25);\r\n border: 0.5px solid var(--fmt-border); border-radius: 2px; padding: 8px 10px;\r\n }\r\n #rocFmtWrap .tb-title {\r\n font-size: 0.62rem; letter-spacing: 2px; text-transform: uppercase;\r\n color: var(--fmt-muted); font-weight: 700; margin-bottom: 6px;\r\n }\r\n #rocFmtWrap .tb-item {\r\n display: flex; gap: 6px; padding: 3px 0;\r\n border-bottom: 0.5px solid var(--fmt-border-soft);\r\n font-size: 0.78rem; color: rgba(255,255,255,0.3); line-height: 1.4;\r\n }\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 #rocFmtWrap .bracket { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; }\r\n #rocFmtWrap .bm {\r\n background: rgba(0,0,0,0.3); border: 0.5px solid var(--fmt-border);\r\n border-radius: 2px; padding: 5px 9px; font-size: 0.78rem; color: rgba(255,255,255,0.35); text-align: center;\r\n }\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 #rocFmtWrap .prizes { display: flex; flex-direction: column; gap: 6px; }\r\n #rocFmtWrap .prize-note {\r\n font-size: 0.8rem; color: var(--fmt-muted); padding: 8px 12px;\r\n background: rgba(255,255,255,0.02); border: 0.5px solid var(--fmt-border-soft); border-radius: 2px;\r\n }\r\n #rocFmtWrap .prize-row {\r\n display: flex; align-items: center; justify-content: space-between; padding: 11px 14px;\r\n background: rgba(255,255,255,0.02); border: 0.5px solid var(--fmt-border-soft); border-radius: 2px;\r\n }\r\n #rocFmtWrap .prize-row.p1 {\r\n background: rgba(240,192,64,0.05); border-color: rgba(240,192,64,0.2);\r\n border-left: 2px solid var(--fmt-gold);\r\n }\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; }\r\n #rocFmtWrap .fmt-header h1 { font-size: 1.5rem; }\r\n #rocFmtWrap .fmt-tab-btn { padding: 8px 14px; font-size: 11px; }\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 <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 <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 <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 Players<\/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 per 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\">Best of 2 \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\" style=\"margin-top:6px;\">\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 <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 <\/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 <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 <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 <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 per 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\" style=\"margin-top:6px;\">\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 <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 <\/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 <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 <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 <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 Players<\/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 per group<\/span><\/div>\r\n <div class=\"tb-box\">\r\n <div class=\"tb-title\">Tiebreaker Criteria<\/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 <\/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\">Best of 2 \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\" style=\"margin-top:6px;\">\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>\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 <\/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>\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:flex;\r\n flex-wrap:wrap;\r\n justify-content:center;\r\n gap:12px;\r\n margin:0 auto;\r\n padding:0 16px; \/* \u2190 side padding \u03b3\u03b9\u03b1 full-width sections *\/\r\n box-sizing:border-box;\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 flex-shrink:0;\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\/* Mobile: 2 per row *\/\r\n@media(max-width:500px){\r\n .rw-title{font-size:24px;white-space:normal}\r\n}\r\n\r\n\/* Tablet: 2 per row (same as mobile) *\/\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 = isGR ? 'Instagram \u2192' : 'Instagram \u2192';\r\n document.getElementById('rw-cta-tt-text').textContent = isGR ? 'TikTok \u2192' : 'TikTok \u2192';\r\n\r\n \/\/ Hover effect: highlight \u03c4\u03bf \u03b1\u03bd\u03c4\u03af\u03c3\u03c4\u03bf\u03b9\u03c7\u03bf btn\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 function setItemWidths(grid, count) {\r\n var vw = window.innerWidth;\r\n var gap = 12;\r\n var padding = 32; \/\/ 16px x2 sides\r\n var perRow;\r\n if (vw <= 500) perRow = Math.min(count, 2);\r\n else if (vw <= 900) perRow = Math.min(count, 2);\r\n else perRow = Math.min(count, 5);\r\n\r\n \/\/ \u0393\u03b9\u03b1 desktop cap \u03c3\u03c4\u03b1 900px, \u03b3\u03b9\u03b1 mobile\/tablet \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03c0\u03bb\u03ae\u03c1\u03b5\u03c2 vw\r\n var availW = vw > 900 ? (900 - padding) : (vw - padding);\r\n var itemW = Math.floor((availW - gap * (perRow - 1)) \/ perRow);\r\n var items = grid.querySelectorAll('.rw-item');\r\n for (var i = 0; i < items.length; i++) {\r\n items[i].style.width = itemW + 'px';\r\n }\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 var count = filtered.length;\r\n setTimeout(function(){ setItemWidths(grid, count); }, 50);\r\n setTimeout(function(){ setItemWidths(grid, count); }, 300);\r\n window.addEventListener('resize', function(){ setItemWidths(grid, count); });\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 \u0394\u0395\u03a3 \u03a4\u0391 BRACKETS LIVE \u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf event \u03c3\u03b5 00\u0397\u03bc\u03b5\u03c1\u03b5\u03c2 : 00\u03a9\u03c1\u03b5\u03c2 : 00\u039b\u03b5\u03c0\u03c4\u03b1 : 00\u0394\u03b5\u03c5\u03c4\/\u03c0\u03c4\u03b1 \u2014 \u039a\u0391\u039d\u0395 \u0395\u0393\u0393\u03a1\u0391\u03a6\u0397 \u03a4\u03a9\u03a1\u0391 \u03a0\u03a9\u03a3 \u039d\u0391 \u03a0\u0391\u0399\u039e\u03a9 \u2197 ADD TO CALENDAR \u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u0397\u03bc\u03b5\u03c1\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf Google Calendar Web Outlook Web Apple…<\/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":33155,"href":"https:\/\/vglesports.com\/el\/wp-json\/wp\/v2\/pages\/19699\/revisions\/33155"}],"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}]}}