Le Twitch Game \u2014 Gagnants de la semaine<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --bg-void:#05021a;\n --bg-deep:#0b0530;\n --violet-deep:#1a0a6b;\n --violet-main:#4c1fe0;\n --violet-bright:#8b5cf6;\n --violet-glow:#a78bfa;\n --ice:#e0d4ff;\n --white:#ffffff;\n --line:rgba(167,139,250,0.22);\n }\n\n *{margin:0;padding:0;box-sizing:border-box;}\n html{scroll-behavior:smooth;}\n\n body{\n background:\n radial-gradient(ellipse 900px 600px at 50% -10%, rgba(76,31,224,0.35), transparent 60%),\n radial-gradient(ellipse 700px 500px at 90% 30%, rgba(139,92,246,0.12), transparent 60%),\n var(--bg-void);\n color:var(--ice);\n font-family:'Inter',sans-serif;\n min-height:100vh;\n overflow-x:hidden;\n }\n\n .display{\n font-family:'Anton',sans-serif;\n text-transform:uppercase;\n letter-spacing:0.01em;\n }\n\n \/* ---------- Sparkle field ---------- *\/\n .sparkle-layer{\n position:fixed;\n inset:0;\n pointer-events:none;\n z-index:0;\n opacity:0.55;\n }\n .sparkle{\n position:absolute;\n width:3px;height:3px;\n background:var(--ice);\n border-radius:50%;\n box-shadow:0 0 6px 1px rgba(224,212,255,0.9);\n animation:twinkle 3.5s ease-in-out infinite;\n }\n @keyframes twinkle{\n 0%,100%{opacity:0.15; transform:scale(0.8);}\n 50%{opacity:1; transform:scale(1.4);}\n }\n\n \/* ---------- Header ---------- *\/\n header{\n position:relative;\n z-index:2;\n display:flex;\n align-items:center;\n justify-content:space-between;\n max-width:1180px;\n margin:0 auto;\n padding:28px 24px 0;\n }\n .brand{\n display:flex;\n align-items:center;\n gap:12px;\n }\n .brand-mark{width:34px;height:34px; flex-shrink:0;}\n .brand-name{\n font-size:15px;\n font-weight:800;\n letter-spacing:0.06em;\n color:var(--white);\n text-transform:uppercase;\n }\n nav{display:flex; gap:28px;}\n nav a{\n color:var(--ice);\n opacity:0.75;\n text-decoration:none;\n font-size:14px;\n font-weight:600;\n transition:opacity 0.2s;\n }\n nav a:hover{opacity:1;}\n\n \/* ---------- Hero ---------- *\/\n .hero{\n position:relative;\n z-index:2;\n max-width:1180px;\n margin:0 auto;\n padding:64px 24px 40px;\n display:grid;\n grid-template-columns:1.1fr 0.9fr;\n align-items:center;\n gap:40px;\n }\n .eyebrow{\n display:inline-flex;\n align-items:center;\n gap:8px;\n font-size:12px;\n font-weight:700;\n letter-spacing:0.12em;\n text-transform:uppercase;\n color:var(--violet-glow);\n background:rgba(139,92,246,0.1);\n border:1px solid var(--line);\n padding:7px 14px;\n border-radius:100px;\n margin-bottom:22px;\n }\n .eyebrow .dot{\n width:6px;height:6px;\n border-radius:50%;\n background:var(--violet-glow);\n box-shadow:0 0 8px var(--violet-glow);\n animation:pulse-dot 1.8s ease-in-out infinite;\n }\n @keyframes pulse-dot{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n .hero h1{\n font-size:clamp(40px,6vw,68px);\n line-height:0.95;\n color:var(--white);\n margin-bottom:20px;\n text-shadow:0 0 40px rgba(139,92,246,0.5);\n }\n .hero h1 .accent{\n color:transparent;\n background:linear-gradient(135deg, var(--violet-glow), var(--ice) 60%, var(--violet-bright));\n -webkit-background-clip:text;\n background-clip:text;\n }\n .hero p{\n font-size:17px;\n line-height:1.6;\n color:var(--ice);\n opacity:0.78;\n max-width:480px;\n margin-bottom:30px;\n }\n .hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}\n .btn{\n display:inline-flex;\n align-items:center;\n gap:8px;\n font-family:'Inter',sans-serif;\n font-weight:700;\n font-size:14px;\n padding:14px 26px;\n border-radius:10px;\n text-decoration:none;\n cursor:pointer;\n border:none;\n transition:transform 0.15s ease, box-shadow 0.2s ease;\n }\n .btn:active{transform:scale(0.97);}\n .btn-primary{\n background:linear-gradient(135deg, var(--violet-main), var(--violet-bright));\n color:var(--white);\n box-shadow:0 8px 30px rgba(76,31,224,0.5);\n }\n .btn-primary:hover{box-shadow:0 8px 40px rgba(139,92,246,0.7);}\n .btn-ghost{\n background:rgba(255,255,255,0.04);\n color:var(--ice);\n border:1px solid var(--line);\n }\n .btn-ghost:hover{background:rgba(255,255,255,0.08);}\n\n \/* ---------- Diamond heart visual ---------- *\/\n .gem-stage{\n position:relative;\n display:flex;\n align-items:center;\n justify-content:center;\n aspect-ratio:1;\n }\n .gem-glow{\n position:absolute;\n width:75%;\n height:75%;\n background:radial-gradient(circle, rgba(139,92,246,0.55), transparent 70%);\n filter:blur(20px);\n animation:breathe 4.5s ease-in-out infinite;\n }\n @keyframes breathe{0%,100%{transform:scale(1); opacity:0.7;} 50%{transform:scale(1.08); opacity:1;}}\n .gem-svg{\n position:relative;\n width:88%;\n z-index:1;\n animation:float-gem 6s ease-in-out infinite;\n }\n @keyframes float-gem{0%,100%{transform:translateY(0) rotate(0deg);} 50%{transform:translateY(-10px) rotate(0.6deg);}}\n\n \/* ---------- Current winner spotlight ---------- *\/\n .panel{\n position:relative;\n z-index:2;\n max-width:1180px;\n margin:0 auto;\n padding:0 24px 70px;\n }\n .spotlight-card{\n background:linear-gradient(160deg, rgba(76,31,224,0.22), rgba(11,5,48,0.65));\n border:1px solid var(--line);\n border-radius:22px;\n padding:38px 40px;\n display:grid;\n grid-template-columns:auto 1fr auto;\n align-items:center;\n gap:28px;\n backdrop-filter:blur(8px);\n }\n .spotlight-gem{\n width:74px; height:74px; flex-shrink:0;\n }\n .spotlight-label{\n font-size:12px;\n font-weight:700;\n text-transform:uppercase;\n letter-spacing:0.1em;\n color:var(--violet-glow);\n margin-bottom:8px;\n }\n .spotlight-name{\n font-family:'Anton',sans-serif;\n font-size:30px;\n color:var(--white);\n margin-bottom:6px;\n text-shadow:0 0 24px rgba(139,92,246,0.55);\n }\n .spotlight-meta{\n font-size:13.5px;\n color:var(--ice);\n opacity:0.65;\n }\n .spotlight-actions{\n display:flex;\n flex-direction:column;\n align-items:flex-end;\n gap:10px;\n }\n @media (max-width:760px){\n .spotlight-card{grid-template-columns:1fr; text-align:center;}\n .spotlight-gem{margin:0 auto;}\n .spotlight-actions{align-items:center;}\n }\n\n \/* ---------- Section shell ---------- *\/\n section.block{\n position:relative;\n z-index:2;\n max-width:1180px;\n margin:0 auto;\n padding:60px 24px;\n }\n .section-head{margin-bottom:36px;}\n .section-tag{\n font-size:12px;\n font-weight:700;\n text-transform:uppercase;\n letter-spacing:0.12em;\n color:var(--violet-glow);\n margin-bottom:10px;\n display:block;\n }\n .section-head h2{\n font-size:clamp(28px,4vw,40px);\n color:var(--white);\n }\n .section-head p.desc{\n margin-top:10px;\n color:var(--ice);\n opacity:0.7;\n font-size:15px;\n max-width:560px;\n }\n\n \/* ---------- Filters ---------- *\/\n .filter-row{\n display:flex;\n gap:8px;\n flex-wrap:wrap;\n margin-bottom:28px;\n }\n .filter-pill{\n display:flex;\n align-items:center;\n gap:7px;\n padding:9px 16px;\n border-radius:100px;\n border:1px solid var(--line);\n background:rgba(255,255,255,0.03);\n color:var(--ice);\n font-size:13px;\n font-weight:600;\n cursor:pointer;\n transition:all 0.15s;\n }\n .filter-pill svg{width:13px; height:13px;}\n .filter-pill.active{\n background:linear-gradient(135deg, var(--violet-main), var(--violet-bright));\n border-color:transparent;\n color:var(--white);\n box-shadow:0 4px 18px rgba(76,31,224,0.5);\n }\n\n \/* ---------- History ---------- *\/\n .history-list{\n display:flex;\n flex-direction:column;\n gap:14px;\n }\n .history-row{\n display:grid;\n grid-template-columns:auto 1fr auto auto;\n align-items:center;\n gap:18px;\n background:rgba(255,255,255,0.025);\n border:1px solid var(--line);\n border-radius:14px;\n padding:18px 22px;\n transition:border-color 0.2s, transform 0.2s;\n }\n .history-row:hover{\n border-color:rgba(167,139,250,0.5);\n transform:translateX(3px);\n }\n @media (max-width:680px){\n .history-row{grid-template-columns:1fr; gap:10px;}\n }\n .gem-bullet{width:38px; height:38px; flex-shrink:0;}\n .history-main .winner-row-name{\n font-size:17px;\n font-weight:800;\n color:var(--white);\n margin-bottom:3px;\n }\n .history-main .week-range{\n font-size:12.5px;\n color:var(--ice);\n opacity:0.55;\n }\n .platform-badge{\n display:inline-flex;\n align-items:center;\n gap:6px;\n font-size:12px;\n font-weight:700;\n padding:7px 13px;\n border-radius:100px;\n white-space:nowrap;\n }\n .platform-badge svg{width:13px; height:13px;}\n .badge-x{background:rgba(255,255,255,0.1); color:#fff;}\n .badge-youtube{background:rgba(255,59,48,0.15); color:#ff5b53;}\n .badge-tiktok{background:rgba(255,255,255,0.1); color:#fff;}\n .badge-instagram{background:rgba(225,48,108,0.15); color:#f56fa1;}\n\n .profile-link{\n display:inline-flex;\n align-items:center;\n gap:6px;\n font-size:13px;\n font-weight:700;\n color:var(--violet-glow);\n text-decoration:none;\n padding:8px 14px;\n border:1px solid var(--line);\n border-radius:100px;\n transition:background 0.2s, color 0.2s;\n white-space:nowrap;\n }\n .profile-link:hover{\n background:rgba(139,92,246,0.15);\n color:var(--white);\n }\n .profile-link svg{width:12px; height:12px;}\n\n .empty-state{\n text-align:center;\n padding:50px 20px;\n color:var(--ice);\n opacity:0.5;\n font-size:14px;\n }\n\n \/* ---------- Footer ---------- *\/\n footer{\n position:relative;\n z-index:2;\n max-width:1180px;\n margin:0 auto;\n padding:40px 24px 50px;\n border-top:1px solid var(--line);\n display:flex;\n align-items:center;\n justify-content:space-between;\n flex-wrap:wrap;\n gap:14px;\n }\n footer .foot-left{\n display:flex;\n align-items:center;\n gap:10px;\n font-size:13px;\n color:var(--ice);\n opacity:0.55;\n }\n footer .foot-links{display:flex; gap:18px;}\n footer .foot-links a{\n color:var(--ice);\n opacity:0.6;\n text-decoration:none;\n font-size:13px;\n transition:opacity 0.2s;\n }\n footer .foot-links a:hover{opacity:1;}\n\n .accounts-grid{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:18px;\n }\n @media (max-width:760px){\n .accounts-grid{grid-template-columns:repeat(2,1fr);}\n .hero{grid-template-columns:1fr;}\n }\n .account-card{\n background:rgba(255,255,255,0.025);\n border:1px solid var(--line);\n border-radius:18px;\n padding:28px 20px;\n text-align:center;\n text-decoration:none;\n transition:border-color 0.2s, transform 0.2s;\n }\n .account-card:hover{\n border-color:rgba(167,139,250,0.5);\n transform:translateY(-3px);\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"sparkle-layer\" id=\"sparkleLayer\"><\/div>\n\n<header>\n <div class=\"brand\">\n <svg class=\"brand-mark\" viewBox=\"0 0 100 100\" fill=\"none\">\n <path d=\"M50 88 L12 45 C2 33 5 14 22 8 C35 3 46 9 50 22 C54 9 65 3 78 8 C95 14 98 33 88 45 Z\" fill=\"url(#gradMark)\" stroke=\"#fff\" stroke-width=\"1.5\" opacity=\"0.95\"\/>\n <defs>\n <linearGradient id=\"gradMark\" x1=\"0\" y1=\"0\" x2=\"100\" y2=\"100\">\n <stop offset=\"0%\" stop-color=\"#a78bfa\"\/>\n <stop offset=\"100%\" stop-color=\"#4c1fe0\"\/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <span class=\"brand-name\">Le Twitch Game<\/span>\n <\/div>\n <nav>\n <a href=\"#historique\">Gagnants<\/a>\n <a href=\"#comptes\">Comptes<\/a>\n <\/nav>\n<\/header>\n\n<section class=\"hero\">\n <div>\n <div class=\"eyebrow\"><span class=\"dot\"><\/span> Tirage au sort hebdomadaire<\/div>\n <h1 class=\"display\">Chaque semaine,<br>un follower<br><span class=\"accent\">devient gagnant<\/span><\/h1>\n <p>Un membre de la communaut\u00e9 est tir\u00e9 au sort chaque semaine parmi les abonn\u00e9s X, YouTube, TikTok et Instagram de Le Twitch Game. Retrouve ici tous les gagnants, semaine apr\u00e8s semaine.<\/p>\n <div class=\"hero-ctas\">\n <a href=\"#historique\" class=\"btn btn-primary\">Voir les gagnants<\/a>\n <a href=\"#comptes\" class=\"btn btn-ghost\">Comment participer<\/a>\n <\/div>\n <\/div>\n <div class=\"gem-stage\">\n <div class=\"gem-glow\"><\/div>\n <svg class=\"gem-svg\" viewBox=\"0 0 400 360\" fill=\"none\">\n <defs>\n <linearGradient id=\"heroGem\" x1=\"0\" y1=\"0\" x2=\"400\" y2=\"360\">\n <stop offset=\"0%\" stop-color=\"#c4b5fd\"\/>\n <stop offset=\"45%\" stop-color=\"#8b5cf6\"\/>\n <stop offset=\"100%\" stop-color=\"#3b0fb8\"\/>\n <\/linearGradient>\n <\/defs>\n <path d=\"M200 350 L40 175 C10 140 18 80 65 60 C115 38 165 55 200 100 C235 55 285 38 335 60 C382 80 390 140 360 175 Z\"\n fill=\"url(#heroGem)\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.95\"\/>\n <path d=\"M65 60 L120 175 L40 175 Z\" fill=\"#ffffff\" opacity=\"0.16\"\/>\n <path d=\"M65 60 L150 130 L120 175 Z\" fill=\"#ffffff\" opacity=\"0.30\"\/>\n <path d=\"M65 60 L150 130 L195 95 Z\" fill=\"#ffffff\" opacity=\"0.06\"\/>\n <path d=\"M195 95 L150 130 L200 175 Z\" fill=\"#ffffff\" opacity=\"0.12\"\/>\n <path d=\"M120 175 L150 130 L200 175 Z\" fill=\"#ffffff\" opacity=\"0.04\"\/>\n <path d=\"M65 60 L100 40 L150 130 Z\" fill=\"#ffffff\" opacity=\"0.10\"\/>\n <path d=\"M335 60 L280 175 L360 175 Z\" fill=\"#ffffff\" opacity=\"0.08\"\/>\n <path d=\"M335 60 L250 130 L280 175 Z\" fill=\"#ffffff\" opacity=\"0.05\"\/>\n <path d=\"M335 60 L250 130 L205 95 Z\" fill=\"#ffffff\" opacity=\"0.20\"\/>\n <path d=\"M205 95 L250 130 L200 175 Z\" fill=\"#ffffff\" opacity=\"0.07\"\/>\n <path d=\"M280 175 L250 130 L200 175 Z\" fill=\"#ffffff\" opacity=\"0.03\"\/>\n <path d=\"M335 60 L300 40 L250 130 Z\" fill=\"#ffffff\" opacity=\"0.14\"\/>\n <path d=\"M120 175 L200 175 L200 350 Z\" fill=\"#ffffff\" opacity=\"0.05\"\/>\n <path d=\"M200 175 L280 175 L200 350 Z\" fill=\"#ffffff\" opacity=\"0.10\"\/>\n <path d=\"M40 175 L120 175 L200 350 Z\" fill=\"#ffffff\" opacity=\"0.02\"\/>\n <path d=\"M360 175 L280 175 L200 350 Z\" fill=\"#000000\" opacity=\"0.10\"\/>\n <path d=\"M65 60 L100 40 L195 95 M335 60 L300 40 L205 95\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.35\"\/>\n <path d=\"M40 175 L360 175\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.25\"\/>\n <path d=\"M120 175 L200 350 M280 175 L200 350\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.2\"\/>\n <g opacity=\"0.95\">\n <path d=\"M100 95 L106 113 L124 119 L106 125 L100 143 L94 125 L76 119 L94 113 Z\" fill=\"#ffffff\"\/>\n <\/g>\n <g opacity=\"0.75\">\n <path d=\"M298 90 L302 102 L314 106 L302 110 L298 122 L294 110 L282 106 L294 102 Z\" fill=\"#ffffff\"\/>\n <\/g>\n <circle cx=\"200\" cy=\"305\" r=\"3\" fill=\"#fff\" opacity=\"0.8\"\/>\n <\/svg>\n <\/div>\n<\/section>\n\n<div class=\"panel\">\n <div class=\"spotlight-card\" id=\"spotlightCard\">\n \n <\/div>\n<\/div>\n\n<section class=\"block\" id=\"historique\">\n <div class=\"section-head\">\n <span class=\"section-tag\">Archive<\/span>\n <h2 class=\"display\">Tous les gagnants<\/h2>\n <p class=\"desc\">L’historique complet des tirages, semaine par semaine. Clique sur un profil pour aller f\u00e9liciter le gagnant.<\/p>\n <\/div>\n\n <div class=\"filter-row\" id=\"filterRow\">\n <div class=\"filter-pill active\" data-filter=\"all\">Toutes les plateformes<\/div>\n <div class=\"filter-pill\" data-filter=\"x\">X<\/div>\n <div class=\"filter-pill\" data-filter=\"youtube\">YouTube<\/div>\n <div class=\"filter-pill\" data-filter=\"tiktok\">TikTok<\/div>\n <div class=\"filter-pill\" data-filter=\"instagram\">Instagram<\/div>\n <\/div>\n\n <div class=\"history-list\" id=\"historyList\"><\/div>\n<\/section>\n\n<section class=\"block\" id=\"comptes\">\n <div class=\"section-head\">\n <span class=\"section-tag\">Participer<\/span>\n <h2 class=\"display\">Les comptes \u00e9ligibles<\/h2>\n <p class=\"desc\">Suis ces comptes pour faire partie des prochains tirages. Un nouveau gagnant est annonc\u00e9 chaque semaine.<\/p>\n <\/div>\n <div class=\"accounts-grid\">\n <a href=\"https:\/\/x.com\/LeTwitchGame\" target=\"_blank\" rel=\"noopener\" class=\"account-card\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width:26px;height:26px;color:#fff;margin-bottom:10px;\"><path d=\"M18.9 2H22l-7.6 8.7L23 22h-6.6l-5.2-6.8L5 22H1.9l8.1-9.3L1 2h6.7l4.7 6.2L18.9 2zm-2.3 18h1.8L7.5 4H5.6l11 16z\"\/><\/svg>\n <div style=\"color:#fff; font-weight:700; font-size:14px;\">X<\/div>\n <div style=\"color:var(--ice); opacity:0.55; font-size:12px; margin-top:4px;\">@LeTwitchGame<\/div>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@LeTwitchGame\" target=\"_blank\" rel=\"noopener\" class=\"account-card\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width:26px;height:26px;color:#ff5b53;margin-bottom:10px;\"><path d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8zM9.6 15.6V8.4l6.3 3.6z\"\/><\/svg>\n <div style=\"color:#fff; font-weight:700; font-size:14px;\">YouTube<\/div>\n <div style=\"color:var(--ice); opacity:0.55; font-size:12px; margin-top:4px;\">@LeTwitchGame<\/div>\n <\/a>\n <a href=\"https:\/\/www.tiktok.com\/@letwitchgame_\" target=\"_blank\" rel=\"noopener\" class=\"account-card\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width:26px;height:26px;color:#fff;margin-bottom:10px;\"><path d=\"M16.6 5.8a4.3 4.3 0 0 1-3-3.8h-3.1v13.4a2.6 2.6 0 1 1-1.8-2.5V9.5a5.8 5.8 0 1 0 5 5.7v-6a7.2 7.2 0 0 0 4.2 1.4V7.5a4.3 4.3 0 0 1-1.3-1.7z\"\/><\/svg>\n <div style=\"color:#fff; font-weight:700; font-size:14px;\">TikTok<\/div>\n <div style=\"color:var(--ice); opacity:0.55; font-size:12px; margin-top:4px;\">@letwitchgame_<\/div>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/letwitchgame_\/\" target=\"_blank\" rel=\"noopener\" class=\"account-card\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width:26px;height:26px;color:#f56fa1;margin-bottom:10px;\"><path d=\"M12 2.2c3.2 0 3.6 0 4.8.06 1.2.06 2 .25 2.7.53.7.27 1.3.65 1.9 1.25.6.6.98 1.2 1.25 1.9.28.7.47 1.5.53 2.7.06 1.2.06 1.6.06 4.8s0 3.6-.06 4.8c-.06 1.2-.25 2-.53 2.7a5 5 0 0 1-1.25 1.9 5 5 0 0 1-1.9 1.25c-.7.28-1.5.47-2.7.53-1.2.06-1.6.06-4.8.06s-3.6 0-4.8-.06c-1.2-.06-2-.25-2.7-.53a5 5 0 0 1-1.9-1.25 5 5 0 0 1-1.25-1.9c-.28-.7-.47-1.5-.53-2.7C2.2 15.6 2.2 15.2 2.2 12s0-3.6.06-4.8c.06-1.2.25-2 .53-2.7.27-.7.65-1.3 1.25-1.9a5 5 0 0 1 1.9-1.25c.7-.28 1.5-.47 2.7-.53C8.4 2.2 8.8 2.2 12 2.2zm0 1.8c-3.15 0-3.5 0-4.7.06-1 .05-1.6.22-2 .37-.5.2-.85.43-1.22.8-.37.37-.6.72-.8 1.22-.15.4-.32 1-.37 2C2.85 9.5 2.85 9.85 2.85 13s0 3.5.06 4.7c.05 1 .22 1.6.37 2 .2.5.43.85.8 1.22.37.37.72.6 1.22.8.4.15 1 .32 2 .37 1.2.06 1.55.06 4.7.06s3.5 0 4.7-.06c1-.05 1.6-.22 2-.37.5-.2.85-.43 1.22-.8.37-.37.6-.72.8-1.22.15-.4.32-1 .37-2 .06-1.2.06-1.55.06-4.7s0-3.5-.06-4.7c-.05-1-.22-1.6-.37-2-.2-.5-.43-.85-.8-1.22a3.2 3.2 0 0 0-1.22-.8c-.4-.15-1-.32-2-.37-1.2-.06-1.55-.06-4.7-.06zM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 1.8a3.2 3.2 0 1 0 0 6.4 3.2 3.2 0 0 0 0-6.4zm5.7-2.9a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0z\"\/><\/svg>\n <div style=\"color:#fff; font-weight:700; font-size:14px;\">Instagram<\/div>\n <div style=\"color:var(--ice); opacity:0.55; font-size:12px; margin-top:4px;\">@letwitchgame_<\/div>\n <\/a>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"foot-left\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 100 100\" fill=\"none\">\n <path d=\"M50 88 L12 45 C2 33 5 14 22 8 C35 3 46 9 50 22 C54 9 65 3 78 8 C95 14 98 33 88 45 Z\" fill=\"url(#gradMark)\" opacity=\"0.9\"\/>\n <\/svg>\n Le Twitch Game \u2014 Tirage au sort hebdomadaire\n <\/div>\n <div class=\"foot-links\">\n <a href=\"https:\/\/x.com\/LeTwitchGame\" target=\"_blank\" rel=\"noopener\">X<\/a>\n <a href=\"https:\/\/www.youtube.com\/@LeTwitchGame\" target=\"_blank\" rel=\"noopener\">YouTube<\/a>\n <a href=\"https:\/\/www.tiktok.com\/@letwitchgame_\" target=\"_blank\" rel=\"noopener\">TikTok<\/a>\n <a href=\"https:\/\/www.instagram.com\/letwitchgame_\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n <\/div>\n<\/footer>\n\n<script>\n\/* ======================================================================\n LISTE DES GAGNANTS \u2014 \u00c0 METTRE \u00c0 JOUR CHAQUE SEMAINE\n ----------------------------------------------------------------------\n Ajoute une nouvelle entr\u00e9e en haut du tableau WINNERS ci-dessous\n pour chaque tirage. Champs \u00e0 remplir :\n\n - winnerName : pseudo affich\u00e9 du gagnant (sans le @)\n - platform : \"x\" | \"youtube\" | \"tiktok\" | \"instagram\"\n - profileUrl : lien direct vers le profil du gagnant\n - weekStart : date de d\u00e9but de semaine, format \"AAAA-MM-JJ\"\n - weekEnd : date de fin de semaine, format \"AAAA-MM-JJ\"\n\n L'entr\u00e9e la plus r\u00e9cente (date la plus haute) s'affiche automatiquement\n en haut de l'historique et dans le bandeau \"Gagnant de la semaine\".\n ====================================================================== *\/\n\nconst WINNERS = [\n {\n winnerName: \"pseudo_gagnant\",\n platform: \"x\",\n profileUrl: \"https:\/\/x.com\/pseudo_gagnant\",\n weekStart: \"2026-06-08\",\n weekEnd: \"2026-06-14\"\n },\n {\n winnerName: \"autre_gagnant\",\n platform: \"instagram\",\n profileUrl: \"https:\/\/www.instagram.com\/autre_gagnant\/\",\n weekStart: \"2026-06-01\",\n weekEnd: \"2026-06-07\"\n }\n];\n\n\/* ====================================================================== *\/\n\n\/* ---------------- Sparkles ---------------- *\/\n(function(){\n const layer = document.getElementById('sparkleLayer');\n const n = 26;\n for(let i=0;i<n;i++){\n const s = document.createElement('div');\n s.className = 'sparkle';\n s.style.left = Math.random()*100 + '%';\n s.style.top = Math.random()*100 + '%';\n s.style.animationDelay = (Math.random()*3.5) + 's';\n s.style.animationDuration = (2.5 + Math.random()*3) + 's';\n layer.appendChild(s);\n }\n})();\n\n\/* ---------------- Platform config ---------------- *\/\nconst PLATFORM_CONFIG = {\n x: { label: 'X', badgeClass: 'badge-x', icon: '<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.9 2H22l-7.6 8.7L23 22h-6.6l-5.2-6.8L5 22H1.9l8.1-9.3L1 2h6.7l4.7 6.2L18.9 2zm-2.3 18h1.8L7.5 4H5.6l11 16z\"\/><\/svg>' },\n youtube: { label: 'YouTube', badgeClass: 'badge-youtube', icon: '<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8zM9.6 15.6V8.4l6.3 3.6z\"\/><\/svg>' },\n tiktok: { label: 'TikTok', badgeClass: 'badge-tiktok', icon: '<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16.6 5.8a4.3 4.3 0 0 1-3-3.8h-3.1v13.4a2.6 2.6 0 1 1-1.8-2.5V9.5a5.8 5.8 0 1 0 5 5.7v-6a7.2 7.2 0 0 0 4.2 1.4V7.5a4.3 4.3 0 0 1-1.3-1.7z\"\/><\/svg>' },\n instagram: { label: 'Instagram', badgeClass: 'badge-instagram', icon: '<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.2c3.2 0 3.6 0 4.8.06 1.2.06 2 .25 2.7.53.7.27 1.3.65 1.9 1.25.6.6.98 1.2 1.25 1.9.28.7.47 1.5.53 2.7.06 1.2.06 1.6.06 4.8s0 3.6-.06 4.8c-.06 1.2-.25 2-.53 2.7a5 5 0 0 1-1.25 1.9 5 5 0 0 1-1.9 1.25c-.7.28-1.5.47-2.7.53-1.2.06-1.6.06-4.8.06s-3.6 0-4.8-.06c-1.2-.06-2-.25-2.7-.53a5 5 0 0 1-1.9-1.25 5 5 0 0 1-1.25-1.9c-.28-.7-.47-1.5-.53-2.7C2.2 15.6 2.2 15.2 2.2 12s0-3.6.06-4.8c.06-1.2.25-2 .53-2.7.27-.7.65-1.3 1.25-1.9a5 5 0 0 1 1.9-1.25c.7-.28 1.5-.47 2.7-.53C8.4 2.2 8.8 2.2 12 2.2zm0 1.8c-3.15 0-3.5 0-4.7.06-1 .05-1.6.22-2 .37-.5.2-.85.43-1.22.8-.37.37-.6.72-.8 1.22-.15.4-.32 1-.37 2C2.85 9.5 2.85 9.85 2.85 13s0 3.5.06 4.7c.05 1 .22 1.6.37 2 .2.5.43.85.8 1.22.37.37.72.6 1.22.8.4.15 1 .32 2 .37 1.2.06 1.55.06 4.7.06s3.5 0 4.7-.06c1-.05 1.6-.22 2-.37.5-.2.85-.43 1.22-.8.37-.37.6-.72.8-1.22.15-.4.32-1 .37-2 .06-1.2.06-1.55.06-4.7s0-3.5-.06-4.7c-.05-1-.22-1.6-.37-2-.2-.5-.43-.85-.8-1.22a3.2 3.2 0 0 0-1.22-.8c-.4-.15-1-.32-2-.37-1.2-.06-1.55-.06-4.7-.06zM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 1.8a3.2 3.2 0 1 0 0 6.4 3.2 3.2 0 0 0 0-6.4zm5.7-2.9a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0z\"\/><\/svg>' }\n};\n\nconst GEM_PATH = `<path d=\"M200 350 L40 175 C10 140 18 80 65 60 C115 38 165 55 200 100 C235 55 285 38 335 60 C382 80 390 140 360 175 Z\"\n fill=\"url(#heroGem)\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.95\"\/>`;\n\nfunction formatDateFR(dateStr){\n if(!dateStr) return '';\n const d = new Date(dateStr + 'T00:00:00');\n return d.toLocaleDateString('fr-FR', { day:'numeric', month:'long', year:'numeric' });\n}\n\nfunction escapeHtml(str){\n const div = document.createElement('div');\n div.textContent = str;\n return div.innerHTML;\n}\n\nfunction weekLabelOf(entry){\n return entry.weekStart && entry.weekEnd\n ? `Semaine du ${formatDateFR(entry.weekStart)} au ${formatDateFR(entry.weekEnd)}`\n : 'P\u00e9riode non pr\u00e9cis\u00e9e';\n}\n\n\/* ---------------- Sort newest first ---------------- *\/\nconst sortedWinners = [...WINNERS].sort((a,b) => new Date(b.weekStart) - new Date(a.weekStart));\n\n\/* ---------------- Spotlight (latest winner) ---------------- *\/\nfunction renderSpotlight(){\n const card = document.getElementById('spotlightCard');\n if(!sortedWinners.length){\n card.innerHTML = '<div class=\"empty-state\">Aucun gagnant enregistr\u00e9 pour le moment. Le premier tirage arrive bient\u00f4t.<\/div>';\n return;\n }\n const latest = sortedWinners[0];\n const cfg = PLATFORM_CONFIG[latest.platform] || PLATFORM_CONFIG.x;\n card.innerHTML = `\n <svg class=\"spotlight-gem\" viewBox=\"0 0 400 360\" fill=\"none\">${GEM_PATH}<\/svg>\n <div>\n <div class=\"spotlight-label\">Gagnant de la semaine<\/div>\n <div class=\"spotlight-name display\">${escapeHtml(latest.winnerName)}<\/div>\n <div class=\"spotlight-meta\">${weekLabelOf(latest)} \u00b7 Tir\u00e9 au sort sur ${cfg.label}<\/div>\n <\/div>\n <div class=\"spotlight-actions\">\n <span class=\"platform-badge ${cfg.badgeClass}\">${cfg.icon} ${cfg.label}<\/span>\n <a class=\"profile-link\" href=\"${latest.profileUrl}\" target=\"_blank\" rel=\"noopener\">\n Voir le profil\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg>\n <\/a>\n <\/div>\n `;\n}\n\n\/* ---------------- History list with filter ---------------- *\/\nlet activeFilter = 'all';\n\nfunction renderHistory(){\n const list = document.getElementById('historyList');\n const filtered = activeFilter === 'all'\n ? sortedWinners\n : sortedWinners.filter(w => w.platform === activeFilter);\n\n if(!filtered.length){\n list.innerHTML = '<div class=\"empty-state\">Aucun gagnant pour cette plateforme pour le moment.<\/div>';\n return;\n }\n\n list.innerHTML = filtered.map(entry => {\n const cfg = PLATFORM_CONFIG[entry.platform] || PLATFORM_CONFIG.x;\n return `\n <div class=\"history-row\">\n <svg class=\"gem-bullet\" viewBox=\"0 0 400 360\" fill=\"none\">${GEM_PATH}<\/svg>\n <div class=\"history-main\">\n <div class=\"winner-row-name\">${escapeHtml(entry.winnerName)}<\/div>\n <div class=\"week-range\">${weekLabelOf(entry)}<\/div>\n <\/div>\n <span class=\"platform-badge ${cfg.badgeClass}\">${cfg.icon} ${cfg.label}<\/span>\n <a class=\"profile-link\" href=\"${entry.profileUrl}\" target=\"_blank\" rel=\"noopener\">\n Voir le profil\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg>\n <\/a>\n <\/div>\n `;\n }).join('');\n}\n\ndocument.querySelectorAll('.filter-pill').forEach(pill => {\n pill.addEventListener('click', () => {\n document.querySelectorAll('.filter-pill').forEach(p => p.classList.remove('active'));\n pill.classList.add('active');\n activeFilter = pill.dataset.filter;\n renderHistory();\n });\n});\n\n\/* ---------------- Init ---------------- *\/\nrenderSpotlight();\nrenderHistory();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Le Twitch Game \u2014 Gagnants de la semaine Le Twitch Game Gagnants Comptes Tirage au sort hebdomadaire Chaque semaine,un followerdevient gagnant Un membre de la communaut\u00e9 est tir\u00e9 au sort chaque semaine parmi les abonn\u00e9s X, YouTube, TikTok et Instagram de Le Twitch Game. Retrouve ici tous les gagnants, semaine apr\u00e8s semaine. Voir les gagnants […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":4,"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":10,"date":"2026-06-17T23:03:32","date_gmt":"2026-06-17T23:03:32","guid":{"rendered":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/?page_id=10"},"modified":"2026-06-17T23:24:23","modified_gmt":"2026-06-17T23:24:23","slug":"10-2","status":"publish","type":"page","link":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/?page_id=10","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nLe Twitch Game \u2014 Gagnants de la semaine<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --bg-void:#05021a;\n --bg-deep:#0b0530;\n --violet-deep:#1a0a6b;\n --violet-main:#4c1fe0;\n --violet-bright:#8b5cf6;\n --violet-glow:#a78bfa;\n --ice:#e0d4ff;\n --white:#ffffff;\n --line:rgba(167,139,250,0.22);\n }\n\n *{margin:0;padding:0;box-sizing:border-box;}\n html{scroll-behavior:smooth;}\n\n body{\n background:\n radial-gradient(ellipse 900px 600px at 50% -10%, rgba(76,31,224,0.35), transparent 60%),\n radial-gradient(ellipse 700px 500px at 90% 30%, rgba(139,92,246,0.12), transparent 60%),\n var(--bg-void);\n color:var(--ice);\n font-family:'Inter',sans-serif;\n min-height:100vh;\n overflow-x:hidden;\n }\n\n .display{\n font-family:'Anton',sans-serif;\n text-transform:uppercase;\n letter-spacing:0.01em;\n }\n\n \/* ---------- Sparkle field ---------- *\/\n .sparkle-layer{\n position:fixed;\n inset:0;\n pointer-events:none;\n z-index:0;\n opacity:0.55;\n }\n .sparkle{\n position:absolute;\n width:3px;height:3px;\n background:var(--ice);\n border-radius:50%;\n box-shadow:0 0 6px 1px rgba(224,212,255,0.9);\n animation:twinkle 3.5s ease-in-out infinite;\n }\n @keyframes twinkle{\n 0%,100%{opacity:0.15; transform:scale(0.8);}\n 50%{opacity:1; transform:scale(1.4);}\n }\n\n \/* ---------- Header ---------- *\/\n header{\n position:relative;\n z-index:2;\n display:flex;\n align-items:center;\n justify-content:space-between;\n max-width:1180px;\n margin:0 auto;\n padding:28px 24px 0;\n }\n .brand{\n display:flex;\n align-items:center;\n gap:12px;\n }\n .brand-mark{width:34px;height:34px; flex-shrink:0;}\n .brand-name{\n font-size:15px;\n font-weight:800;\n letter-spacing:0.06em;\n color:var(--white);\n text-transform:uppercase;\n }\n nav{display:flex; gap:28px;}\n nav a{\n color:var(--ice);\n opacity:0.75;\n text-decoration:none;\n font-size:14px;\n font-weight:600;\n transition:opacity 0.2s;\n }\n nav a:hover{opacity:1;}\n\n \/* ---------- Hero ---------- *\/\n .hero{\n position:relative;\n z-index:2;\n max-width:1180px;\n margin:0 auto;\n padding:64px 24px 40px;\n display:grid;\n grid-template-columns:1.1fr 0.9fr;\n align-items:center;\n gap:40px;\n }\n .eyebrow{\n display:inline-flex;\n align-items:center;\n gap:8px;\n font-size:12px;\n font-weight:700;\n letter-spacing:0.12em;\n text-transform:uppercase;\n color:var(--violet-glow);\n background:rgba(139,92,246,0.1);\n border:1px solid var(--line);\n padding:7px 14px;\n border-radius:100px;\n margin-bottom:22px;\n }\n .eyebrow .dot{\n width:6px;height:6px;\n border-radius:50%;\n background:var(--violet-glow);\n box-shadow:0 0 8px var(--violet-glow);\n animation:pulse-dot 1.8s ease-in-out infinite;\n }\n @keyframes pulse-dot{0%,100%{opacity:1;} 50%{opacity:0.3;}}\n .hero h1{\n font-size:clamp(40px,6vw,68px);\n line-height:0.95;\n color:var(--white);\n margin-bottom:20px;\n text-shadow:0 0 40px rgba(139,92,246,0.5);\n }\n .hero h1 .accent{\n color:transparent;\n background:linear-gradient(135deg, var(--violet-glow), var(--ice) 60%, var(--violet-bright));\n -webkit-background-clip:text;\n background-clip:text;\n }\n .hero p{\n font-size:17px;\n line-height:1.6;\n color:var(--ice);\n opacity:0.78;\n max-width:480px;\n margin-bottom:30px;\n }\n .hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}\n .btn{\n display:inline-flex;\n align-items:center;\n gap:8px;\n font-family:'Inter',sans-serif;\n font-weight:700;\n font-size:14px;\n padding:14px 26px;\n border-radius:10px;\n text-decoration:none;\n cursor:pointer;\n border:none;\n transition:transform 0.15s ease, box-shadow 0.2s ease;\n }\n .btn:active{transform:scale(0.97);}\n .btn-primary{\n background:linear-gradient(135deg, var(--violet-main), var(--violet-bright));\n color:var(--white);\n box-shadow:0 8px 30px rgba(76,31,224,0.5);\n }\n .btn-primary:hover{box-shadow:0 8px 40px rgba(139,92,246,0.7);}\n .btn-ghost{\n background:rgba(255,255,255,0.04);\n color:var(--ice);\n border:1px solid var(--line);\n }\n .btn-ghost:hover{background:rgba(255,255,255,0.08);}\n\n \/* ---------- Diamond heart visual ---------- *\/\n .gem-stage{\n position:relative;\n display:flex;\n align-items:center;\n justify-content:center;\n aspect-ratio:1;\n }\n .gem-glow{\n position:absolute;\n width:75%;\n height:75%;\n background:radial-gradient(circle, rgba(139,92,246,0.55), transparent 70%);\n filter:blur(20px);\n animation:breathe 4.5s ease-in-out infinite;\n }\n @keyframes breathe{0%,100%{transform:scale(1); opacity:0.7;} 50%{transform:scale(1.08); opacity:1;}}\n .gem-svg{\n position:relative;\n width:88%;\n z-index:1;\n animation:float-gem 6s ease-in-out infinite;\n }\n @keyframes float-gem{0%,100%{transform:translateY(0) rotate(0deg);} 50%{transform:translateY(-10px) rotate(0.6deg);}}\n\n \/* ---------- Current winner spotlight ---------- *\/\n .panel{\n position:relative;\n z-index:2;\n max-width:1180px;\n margin:0 auto;\n padding:0 24px 70px;\n }\n .spotlight-card{\n background:linear-gradient(160deg, rgba(76,31,224,0.22), rgba(11,5,48,0.65));\n border:1px solid var(--line);\n border-radius:22px;\n padding:38px 40px;\n display:grid;\n grid-template-columns:auto 1fr auto;\n align-items:center;\n gap:28px;\n backdrop-filter:blur(8px);\n }\n .spotlight-gem{\n width:74px; height:74px; flex-shrink:0;\n }\n .spotlight-label{\n font-size:12px;\n font-weight:700;\n text-transform:uppercase;\n letter-spacing:0.1em;\n color:var(--violet-glow);\n margin-bottom:8px;\n }\n .spotlight-name{\n font-family:'Anton',sans-serif;\n font-size:30px;\n color:var(--white);\n margin-bottom:6px;\n text-shadow:0 0 24px rgba(139,92,246,0.55);\n }\n .spotlight-meta{\n font-size:13.5px;\n color:var(--ice);\n opacity:0.65;\n }\n .spotlight-actions{\n display:flex;\n flex-direction:column;\n align-items:flex-end;\n gap:10px;\n }\n @media (max-width:760px){\n .spotlight-card{grid-template-columns:1fr; text-align:center;}\n .spotlight-gem{margin:0 auto;}\n .spotlight-actions{align-items:center;}\n }\n\n \/* ---------- Section shell ---------- *\/\n section.block{\n position:relative;\n z-index:2;\n max-width:1180px;\n margin:0 auto;\n padding:60px 24px;\n }\n .section-head{margin-bottom:36px;}\n .section-tag{\n font-size:12px;\n font-weight:700;\n text-transform:uppercase;\n letter-spacing:0.12em;\n color:var(--violet-glow);\n margin-bottom:10px;\n display:block;\n }\n .section-head h2{\n font-size:clamp(28px,4vw,40px);\n color:var(--white);\n }\n .section-head p.desc{\n margin-top:10px;\n color:var(--ice);\n opacity:0.7;\n font-size:15px;\n max-width:560px;\n }\n\n \/* ---------- Filters ---------- *\/\n .filter-row{\n display:flex;\n gap:8px;\n flex-wrap:wrap;\n margin-bottom:28px;\n }\n .filter-pill{\n display:flex;\n align-items:center;\n gap:7px;\n padding:9px 16px;\n border-radius:100px;\n border:1px solid var(--line);\n background:rgba(255,255,255,0.03);\n color:var(--ice);\n font-size:13px;\n font-weight:600;\n cursor:pointer;\n transition:all 0.15s;\n }\n .filter-pill svg{width:13px; height:13px;}\n .filter-pill.active{\n background:linear-gradient(135deg, var(--violet-main), var(--violet-bright));\n border-color:transparent;\n color:var(--white);\n box-shadow:0 4px 18px rgba(76,31,224,0.5);\n }\n\n \/* ---------- History ---------- *\/\n .history-list{\n display:flex;\n flex-direction:column;\n gap:14px;\n }\n .history-row{\n display:grid;\n grid-template-columns:auto 1fr auto auto;\n align-items:center;\n gap:18px;\n background:rgba(255,255,255,0.025);\n border:1px solid var(--line);\n border-radius:14px;\n padding:18px 22px;\n transition:border-color 0.2s, transform 0.2s;\n }\n .history-row:hover{\n border-color:rgba(167,139,250,0.5);\n transform:translateX(3px);\n }\n @media (max-width:680px){\n .history-row{grid-template-columns:1fr; gap:10px;}\n }\n .gem-bullet{width:38px; height:38px; flex-shrink:0;}\n .history-main .winner-row-name{\n font-size:17px;\n font-weight:800;\n color:var(--white);\n margin-bottom:3px;\n }\n .history-main .week-range{\n font-size:12.5px;\n color:var(--ice);\n opacity:0.55;\n }\n .platform-badge{\n display:inline-flex;\n align-items:center;\n gap:6px;\n font-size:12px;\n font-weight:700;\n padding:7px 13px;\n border-radius:100px;\n white-space:nowrap;\n }\n .platform-badge svg{width:13px; height:13px;}\n .badge-x{background:rgba(255,255,255,0.1); color:#fff;}\n .badge-youtube{background:rgba(255,59,48,0.15); color:#ff5b53;}\n .badge-tiktok{background:rgba(255,255,255,0.1); color:#fff;}\n .badge-instagram{background:rgba(225,48,108,0.15); color:#f56fa1;}\n\n .profile-link{\n display:inline-flex;\n align-items:center;\n gap:6px;\n font-size:13px;\n font-weight:700;\n color:var(--violet-glow);\n text-decoration:none;\n padding:8px 14px;\n border:1px solid var(--line);\n border-radius:100px;\n transition:background 0.2s, color 0.2s;\n white-space:nowrap;\n }\n .profile-link:hover{\n background:rgba(139,92,246,0.15);\n color:var(--white);\n }\n .profile-link svg{width:12px; height:12px;}\n\n .empty-state{\n text-align:center;\n padding:50px 20px;\n color:var(--ice);\n opacity:0.5;\n font-size:14px;\n }\n\n \/* ---------- Footer ---------- *\/\n footer{\n position:relative;\n z-index:2;\n max-width:1180px;\n margin:0 auto;\n padding:40px 24px 50px;\n border-top:1px solid var(--line);\n display:flex;\n align-items:center;\n justify-content:space-between;\n flex-wrap:wrap;\n gap:14px;\n }\n footer .foot-left{\n display:flex;\n align-items:center;\n gap:10px;\n font-size:13px;\n color:var(--ice);\n opacity:0.55;\n }\n footer .foot-links{display:flex; gap:18px;}\n footer .foot-links a{\n color:var(--ice);\n opacity:0.6;\n text-decoration:none;\n font-size:13px;\n transition:opacity 0.2s;\n }\n footer .foot-links a:hover{opacity:1;}\n\n .accounts-grid{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:18px;\n }\n @media (max-width:760px){\n .accounts-grid{grid-template-columns:repeat(2,1fr);}\n .hero{grid-template-columns:1fr;}\n }\n .account-card{\n background:rgba(255,255,255,0.025);\n border:1px solid var(--line);\n border-radius:18px;\n padding:28px 20px;\n text-align:center;\n text-decoration:none;\n transition:border-color 0.2s, transform 0.2s;\n }\n .account-card:hover{\n border-color:rgba(167,139,250,0.5);\n transform:translateY(-3px);\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"sparkle-layer\" id=\"sparkleLayer\"><\/div>\n\n<header>\n <div class=\"brand\">\n <svg class=\"brand-mark\" viewBox=\"0 0 100 100\" fill=\"none\">\n <path d=\"M50 88 L12 45 C2 33 5 14 22 8 C35 3 46 9 50 22 C54 9 65 3 78 8 C95 14 98 33 88 45 Z\" fill=\"url(#gradMark)\" stroke=\"#fff\" stroke-width=\"1.5\" opacity=\"0.95\"\/>\n <defs>\n <linearGradient id=\"gradMark\" x1=\"0\" y1=\"0\" x2=\"100\" y2=\"100\">\n <stop offset=\"0%\" stop-color=\"#a78bfa\"\/>\n <stop offset=\"100%\" stop-color=\"#4c1fe0\"\/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <span class=\"brand-name\">Le Twitch Game<\/span>\n <\/div>\n <nav>\n <a href=\"#historique\">Gagnants<\/a>\n <a href=\"#comptes\">Comptes<\/a>\n <\/nav>\n<\/header>\n\n<section class=\"hero\">\n <div>\n <div class=\"eyebrow\"><span class=\"dot\"><\/span> Tirage au sort hebdomadaire<\/div>\n <h1 class=\"display\">Chaque semaine,<br>un follower<br><span class=\"accent\">devient gagnant<\/span><\/h1>\n <p>Un membre de la communaut\u00e9 est tir\u00e9 au sort chaque semaine parmi les abonn\u00e9s X, YouTube, TikTok et Instagram de Le Twitch Game. Retrouve ici tous les gagnants, semaine apr\u00e8s semaine.<\/p>\n <div class=\"hero-ctas\">\n <a href=\"#historique\" class=\"btn btn-primary\">Voir les gagnants<\/a>\n <a href=\"#comptes\" class=\"btn btn-ghost\">Comment participer<\/a>\n <\/div>\n <\/div>\n <div class=\"gem-stage\">\n <div class=\"gem-glow\"><\/div>\n <svg class=\"gem-svg\" viewBox=\"0 0 400 360\" fill=\"none\">\n <defs>\n <linearGradient id=\"heroGem\" x1=\"0\" y1=\"0\" x2=\"400\" y2=\"360\">\n <stop offset=\"0%\" stop-color=\"#c4b5fd\"\/>\n <stop offset=\"45%\" stop-color=\"#8b5cf6\"\/>\n <stop offset=\"100%\" stop-color=\"#3b0fb8\"\/>\n <\/linearGradient>\n <\/defs>\n <path d=\"M200 350 L40 175 C10 140 18 80 65 60 C115 38 165 55 200 100 C235 55 285 38 335 60 C382 80 390 140 360 175 Z\"\n fill=\"url(#heroGem)\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.95\"\/>\n <path d=\"M65 60 L120 175 L40 175 Z\" fill=\"#ffffff\" opacity=\"0.16\"\/>\n <path d=\"M65 60 L150 130 L120 175 Z\" fill=\"#ffffff\" opacity=\"0.30\"\/>\n <path d=\"M65 60 L150 130 L195 95 Z\" fill=\"#ffffff\" opacity=\"0.06\"\/>\n <path d=\"M195 95 L150 130 L200 175 Z\" fill=\"#ffffff\" opacity=\"0.12\"\/>\n <path d=\"M120 175 L150 130 L200 175 Z\" fill=\"#ffffff\" opacity=\"0.04\"\/>\n <path d=\"M65 60 L100 40 L150 130 Z\" fill=\"#ffffff\" opacity=\"0.10\"\/>\n <path d=\"M335 60 L280 175 L360 175 Z\" fill=\"#ffffff\" opacity=\"0.08\"\/>\n <path d=\"M335 60 L250 130 L280 175 Z\" fill=\"#ffffff\" opacity=\"0.05\"\/>\n <path d=\"M335 60 L250 130 L205 95 Z\" fill=\"#ffffff\" opacity=\"0.20\"\/>\n <path d=\"M205 95 L250 130 L200 175 Z\" fill=\"#ffffff\" opacity=\"0.07\"\/>\n <path d=\"M280 175 L250 130 L200 175 Z\" fill=\"#ffffff\" opacity=\"0.03\"\/>\n <path d=\"M335 60 L300 40 L250 130 Z\" fill=\"#ffffff\" opacity=\"0.14\"\/>\n <path d=\"M120 175 L200 175 L200 350 Z\" fill=\"#ffffff\" opacity=\"0.05\"\/>\n <path d=\"M200 175 L280 175 L200 350 Z\" fill=\"#ffffff\" opacity=\"0.10\"\/>\n <path d=\"M40 175 L120 175 L200 350 Z\" fill=\"#ffffff\" opacity=\"0.02\"\/>\n <path d=\"M360 175 L280 175 L200 350 Z\" fill=\"#000000\" opacity=\"0.10\"\/>\n <path d=\"M65 60 L100 40 L195 95 M335 60 L300 40 L205 95\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.35\"\/>\n <path d=\"M40 175 L360 175\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.25\"\/>\n <path d=\"M120 175 L200 350 M280 175 L200 350\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.2\"\/>\n <g opacity=\"0.95\">\n <path d=\"M100 95 L106 113 L124 119 L106 125 L100 143 L94 125 L76 119 L94 113 Z\" fill=\"#ffffff\"\/>\n <\/g>\n <g opacity=\"0.75\">\n <path d=\"M298 90 L302 102 L314 106 L302 110 L298 122 L294 110 L282 106 L294 102 Z\" fill=\"#ffffff\"\/>\n <\/g>\n <circle cx=\"200\" cy=\"305\" r=\"3\" fill=\"#fff\" opacity=\"0.8\"\/>\n <\/svg>\n <\/div>\n<\/section>\n\n<div class=\"panel\">\n <div class=\"spotlight-card\" id=\"spotlightCard\">\n \n <\/div>\n<\/div>\n\n<section class=\"block\" id=\"historique\">\n <div class=\"section-head\">\n <span class=\"section-tag\">Archive<\/span>\n <h2 class=\"display\">Tous les gagnants<\/h2>\n <p class=\"desc\">L’historique complet des tirages, semaine par semaine. Clique sur un profil pour aller f\u00e9liciter le gagnant.<\/p>\n <\/div>\n\n <div class=\"filter-row\" id=\"filterRow\">\n <div class=\"filter-pill active\" data-filter=\"all\">Toutes les plateformes<\/div>\n <div class=\"filter-pill\" data-filter=\"x\">X<\/div>\n <div class=\"filter-pill\" data-filter=\"youtube\">YouTube<\/div>\n <div class=\"filter-pill\" data-filter=\"tiktok\">TikTok<\/div>\n <div class=\"filter-pill\" data-filter=\"instagram\">Instagram<\/div>\n <\/div>\n\n <div class=\"history-list\" id=\"historyList\"><\/div>\n<\/section>\n\n<section class=\"block\" id=\"comptes\">\n <div class=\"section-head\">\n <span class=\"section-tag\">Participer<\/span>\n <h2 class=\"display\">Les comptes \u00e9ligibles<\/h2>\n <p class=\"desc\">Suis ces comptes pour faire partie des prochains tirages. Un nouveau gagnant est annonc\u00e9 chaque semaine.<\/p>\n <\/div>\n <div class=\"accounts-grid\">\n <a href=\"https:\/\/x.com\/LeTwitchGame\" target=\"_blank\" rel=\"noopener\" class=\"account-card\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width:26px;height:26px;color:#fff;margin-bottom:10px;\"><path d=\"M18.9 2H22l-7.6 8.7L23 22h-6.6l-5.2-6.8L5 22H1.9l8.1-9.3L1 2h6.7l4.7 6.2L18.9 2zm-2.3 18h1.8L7.5 4H5.6l11 16z\"\/><\/svg>\n <div style=\"color:#fff; font-weight:700; font-size:14px;\">X<\/div>\n <div style=\"color:var(--ice); opacity:0.55; font-size:12px; margin-top:4px;\">@LeTwitchGame<\/div>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@LeTwitchGame\" target=\"_blank\" rel=\"noopener\" class=\"account-card\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width:26px;height:26px;color:#ff5b53;margin-bottom:10px;\"><path d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8zM9.6 15.6V8.4l6.3 3.6z\"\/><\/svg>\n <div style=\"color:#fff; font-weight:700; font-size:14px;\">YouTube<\/div>\n <div style=\"color:var(--ice); opacity:0.55; font-size:12px; margin-top:4px;\">@LeTwitchGame<\/div>\n <\/a>\n <a href=\"https:\/\/www.tiktok.com\/@letwitchgame_\" target=\"_blank\" rel=\"noopener\" class=\"account-card\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width:26px;height:26px;color:#fff;margin-bottom:10px;\"><path d=\"M16.6 5.8a4.3 4.3 0 0 1-3-3.8h-3.1v13.4a2.6 2.6 0 1 1-1.8-2.5V9.5a5.8 5.8 0 1 0 5 5.7v-6a7.2 7.2 0 0 0 4.2 1.4V7.5a4.3 4.3 0 0 1-1.3-1.7z\"\/><\/svg>\n <div style=\"color:#fff; font-weight:700; font-size:14px;\">TikTok<\/div>\n <div style=\"color:var(--ice); opacity:0.55; font-size:12px; margin-top:4px;\">@letwitchgame_<\/div>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/letwitchgame_\/\" target=\"_blank\" rel=\"noopener\" class=\"account-card\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width:26px;height:26px;color:#f56fa1;margin-bottom:10px;\"><path d=\"M12 2.2c3.2 0 3.6 0 4.8.06 1.2.06 2 .25 2.7.53.7.27 1.3.65 1.9 1.25.6.6.98 1.2 1.25 1.9.28.7.47 1.5.53 2.7.06 1.2.06 1.6.06 4.8s0 3.6-.06 4.8c-.06 1.2-.25 2-.53 2.7a5 5 0 0 1-1.25 1.9 5 5 0 0 1-1.9 1.25c-.7.28-1.5.47-2.7.53-1.2.06-1.6.06-4.8.06s-3.6 0-4.8-.06c-1.2-.06-2-.25-2.7-.53a5 5 0 0 1-1.9-1.25 5 5 0 0 1-1.25-1.9c-.28-.7-.47-1.5-.53-2.7C2.2 15.6 2.2 15.2 2.2 12s0-3.6.06-4.8c.06-1.2.25-2 .53-2.7.27-.7.65-1.3 1.25-1.9a5 5 0 0 1 1.9-1.25c.7-.28 1.5-.47 2.7-.53C8.4 2.2 8.8 2.2 12 2.2zm0 1.8c-3.15 0-3.5 0-4.7.06-1 .05-1.6.22-2 .37-.5.2-.85.43-1.22.8-.37.37-.6.72-.8 1.22-.15.4-.32 1-.37 2C2.85 9.5 2.85 9.85 2.85 13s0 3.5.06 4.7c.05 1 .22 1.6.37 2 .2.5.43.85.8 1.22.37.37.72.6 1.22.8.4.15 1 .32 2 .37 1.2.06 1.55.06 4.7.06s3.5 0 4.7-.06c1-.05 1.6-.22 2-.37.5-.2.85-.43 1.22-.8.37-.37.6-.72.8-1.22.15-.4.32-1 .37-2 .06-1.2.06-1.55.06-4.7s0-3.5-.06-4.7c-.05-1-.22-1.6-.37-2-.2-.5-.43-.85-.8-1.22a3.2 3.2 0 0 0-1.22-.8c-.4-.15-1-.32-2-.37-1.2-.06-1.55-.06-4.7-.06zM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 1.8a3.2 3.2 0 1 0 0 6.4 3.2 3.2 0 0 0 0-6.4zm5.7-2.9a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0z\"\/><\/svg>\n <div style=\"color:#fff; font-weight:700; font-size:14px;\">Instagram<\/div>\n <div style=\"color:var(--ice); opacity:0.55; font-size:12px; margin-top:4px;\">@letwitchgame_<\/div>\n <\/a>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"foot-left\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 100 100\" fill=\"none\">\n <path d=\"M50 88 L12 45 C2 33 5 14 22 8 C35 3 46 9 50 22 C54 9 65 3 78 8 C95 14 98 33 88 45 Z\" fill=\"url(#gradMark)\" opacity=\"0.9\"\/>\n <\/svg>\n Le Twitch Game \u2014 Tirage au sort hebdomadaire\n <\/div>\n <div class=\"foot-links\">\n <a href=\"https:\/\/x.com\/LeTwitchGame\" target=\"_blank\" rel=\"noopener\">X<\/a>\n <a href=\"https:\/\/www.youtube.com\/@LeTwitchGame\" target=\"_blank\" rel=\"noopener\">YouTube<\/a>\n <a href=\"https:\/\/www.tiktok.com\/@letwitchgame_\" target=\"_blank\" rel=\"noopener\">TikTok<\/a>\n <a href=\"https:\/\/www.instagram.com\/letwitchgame_\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n <\/div>\n<\/footer>\n\n<script>\n\/* ======================================================================\n LISTE DES GAGNANTS \u2014 \u00c0 METTRE \u00c0 JOUR CHAQUE SEMAINE\n ----------------------------------------------------------------------\n Ajoute une nouvelle entr\u00e9e en haut du tableau WINNERS ci-dessous\n pour chaque tirage. Champs \u00e0 remplir :\n\n - winnerName : pseudo affich\u00e9 du gagnant (sans le @)\n - platform : \"x\" | \"youtube\" | \"tiktok\" | \"instagram\"\n - profileUrl : lien direct vers le profil du gagnant\n - weekStart : date de d\u00e9but de semaine, format \"AAAA-MM-JJ\"\n - weekEnd : date de fin de semaine, format \"AAAA-MM-JJ\"\n\n L'entr\u00e9e la plus r\u00e9cente (date la plus haute) s'affiche automatiquement\n en haut de l'historique et dans le bandeau \"Gagnant de la semaine\".\n ====================================================================== *\/\n\nconst WINNERS = [\n {\n winnerName: \"pseudo_gagnant\",\n platform: \"x\",\n profileUrl: \"https:\/\/x.com\/pseudo_gagnant\",\n weekStart: \"2026-06-08\",\n weekEnd: \"2026-06-14\"\n },\n {\n winnerName: \"autre_gagnant\",\n platform: \"instagram\",\n profileUrl: \"https:\/\/www.instagram.com\/autre_gagnant\/\",\n weekStart: \"2026-06-01\",\n weekEnd: \"2026-06-07\"\n }\n];\n\n\/* ====================================================================== *\/\n\n\/* ---------------- Sparkles ---------------- *\/\n(function(){\n const layer = document.getElementById('sparkleLayer');\n const n = 26;\n for(let i=0;i<n;i++){\n const s = document.createElement('div');\n s.className = 'sparkle';\n s.style.left = Math.random()*100 + '%';\n s.style.top = Math.random()*100 + '%';\n s.style.animationDelay = (Math.random()*3.5) + 's';\n s.style.animationDuration = (2.5 + Math.random()*3) + 's';\n layer.appendChild(s);\n }\n})();\n\n\/* ---------------- Platform config ---------------- *\/\nconst PLATFORM_CONFIG = {\n x: { label: 'X', badgeClass: 'badge-x', icon: '<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.9 2H22l-7.6 8.7L23 22h-6.6l-5.2-6.8L5 22H1.9l8.1-9.3L1 2h6.7l4.7 6.2L18.9 2zm-2.3 18h1.8L7.5 4H5.6l11 16z\"\/><\/svg>' },\n youtube: { label: 'YouTube', badgeClass: 'badge-youtube', icon: '<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8zM9.6 15.6V8.4l6.3 3.6z\"\/><\/svg>' },\n tiktok: { label: 'TikTok', badgeClass: 'badge-tiktok', icon: '<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16.6 5.8a4.3 4.3 0 0 1-3-3.8h-3.1v13.4a2.6 2.6 0 1 1-1.8-2.5V9.5a5.8 5.8 0 1 0 5 5.7v-6a7.2 7.2 0 0 0 4.2 1.4V7.5a4.3 4.3 0 0 1-1.3-1.7z\"\/><\/svg>' },\n instagram: { label: 'Instagram', badgeClass: 'badge-instagram', icon: '<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.2c3.2 0 3.6 0 4.8.06 1.2.06 2 .25 2.7.53.7.27 1.3.65 1.9 1.25.6.6.98 1.2 1.25 1.9.28.7.47 1.5.53 2.7.06 1.2.06 1.6.06 4.8s0 3.6-.06 4.8c-.06 1.2-.25 2-.53 2.7a5 5 0 0 1-1.25 1.9 5 5 0 0 1-1.9 1.25c-.7.28-1.5.47-2.7.53-1.2.06-1.6.06-4.8.06s-3.6 0-4.8-.06c-1.2-.06-2-.25-2.7-.53a5 5 0 0 1-1.9-1.25 5 5 0 0 1-1.25-1.9c-.28-.7-.47-1.5-.53-2.7C2.2 15.6 2.2 15.2 2.2 12s0-3.6.06-4.8c.06-1.2.25-2 .53-2.7.27-.7.65-1.3 1.25-1.9a5 5 0 0 1 1.9-1.25c.7-.28 1.5-.47 2.7-.53C8.4 2.2 8.8 2.2 12 2.2zm0 1.8c-3.15 0-3.5 0-4.7.06-1 .05-1.6.22-2 .37-.5.2-.85.43-1.22.8-.37.37-.6.72-.8 1.22-.15.4-.32 1-.37 2C2.85 9.5 2.85 9.85 2.85 13s0 3.5.06 4.7c.05 1 .22 1.6.37 2 .2.5.43.85.8 1.22.37.37.72.6 1.22.8.4.15 1 .32 2 .37 1.2.06 1.55.06 4.7.06s3.5 0 4.7-.06c1-.05 1.6-.22 2-.37.5-.2.85-.43 1.22-.8.37-.37.6-.72.8-1.22.15-.4.32-1 .37-2 .06-1.2.06-1.55.06-4.7s0-3.5-.06-4.7c-.05-1-.22-1.6-.37-2-.2-.5-.43-.85-.8-1.22a3.2 3.2 0 0 0-1.22-.8c-.4-.15-1-.32-2-.37-1.2-.06-1.55-.06-4.7-.06zM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 1.8a3.2 3.2 0 1 0 0 6.4 3.2 3.2 0 0 0 0-6.4zm5.7-2.9a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0z\"\/><\/svg>' }\n};\n\nconst GEM_PATH = `<path d=\"M200 350 L40 175 C10 140 18 80 65 60 C115 38 165 55 200 100 C235 55 285 38 335 60 C382 80 390 140 360 175 Z\"\n fill=\"url(#heroGem)\" stroke=\"#ffffff\" stroke-width=\"2\" opacity=\"0.95\"\/>`;\n\nfunction formatDateFR(dateStr){\n if(!dateStr) return '';\n const d = new Date(dateStr + 'T00:00:00');\n return d.toLocaleDateString('fr-FR', { day:'numeric', month:'long', year:'numeric' });\n}\n\nfunction escapeHtml(str){\n const div = document.createElement('div');\n div.textContent = str;\n return div.innerHTML;\n}\n\nfunction weekLabelOf(entry){\n return entry.weekStart && entry.weekEnd\n ? `Semaine du ${formatDateFR(entry.weekStart)} au ${formatDateFR(entry.weekEnd)}`\n : 'P\u00e9riode non pr\u00e9cis\u00e9e';\n}\n\n\/* ---------------- Sort newest first ---------------- *\/\nconst sortedWinners = [...WINNERS].sort((a,b) => new Date(b.weekStart) - new Date(a.weekStart));\n\n\/* ---------------- Spotlight (latest winner) ---------------- *\/\nfunction renderSpotlight(){\n const card = document.getElementById('spotlightCard');\n if(!sortedWinners.length){\n card.innerHTML = '<div class=\"empty-state\">Aucun gagnant enregistr\u00e9 pour le moment. Le premier tirage arrive bient\u00f4t.<\/div>';\n return;\n }\n const latest = sortedWinners[0];\n const cfg = PLATFORM_CONFIG[latest.platform] || PLATFORM_CONFIG.x;\n card.innerHTML = `\n <svg class=\"spotlight-gem\" viewBox=\"0 0 400 360\" fill=\"none\">${GEM_PATH}<\/svg>\n <div>\n <div class=\"spotlight-label\">Gagnant de la semaine<\/div>\n <div class=\"spotlight-name display\">${escapeHtml(latest.winnerName)}<\/div>\n <div class=\"spotlight-meta\">${weekLabelOf(latest)} \u00b7 Tir\u00e9 au sort sur ${cfg.label}<\/div>\n <\/div>\n <div class=\"spotlight-actions\">\n <span class=\"platform-badge ${cfg.badgeClass}\">${cfg.icon} ${cfg.label}<\/span>\n <a class=\"profile-link\" href=\"${latest.profileUrl}\" target=\"_blank\" rel=\"noopener\">\n Voir le profil\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg>\n <\/a>\n <\/div>\n `;\n}\n\n\/* ---------------- History list with filter ---------------- *\/\nlet activeFilter = 'all';\n\nfunction renderHistory(){\n const list = document.getElementById('historyList');\n const filtered = activeFilter === 'all'\n ? sortedWinners\n : sortedWinners.filter(w => w.platform === activeFilter);\n\n if(!filtered.length){\n list.innerHTML = '<div class=\"empty-state\">Aucun gagnant pour cette plateforme pour le moment.<\/div>';\n return;\n }\n\n list.innerHTML = filtered.map(entry => {\n const cfg = PLATFORM_CONFIG[entry.platform] || PLATFORM_CONFIG.x;\n return `\n <div class=\"history-row\">\n <svg class=\"gem-bullet\" viewBox=\"0 0 400 360\" fill=\"none\">${GEM_PATH}<\/svg>\n <div class=\"history-main\">\n <div class=\"winner-row-name\">${escapeHtml(entry.winnerName)}<\/div>\n <div class=\"week-range\">${weekLabelOf(entry)}<\/div>\n <\/div>\n <span class=\"platform-badge ${cfg.badgeClass}\">${cfg.icon} ${cfg.label}<\/span>\n <a class=\"profile-link\" href=\"${entry.profileUrl}\" target=\"_blank\" rel=\"noopener\">\n Voir le profil\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 17L17 7M7 7h10v10\"\/><\/svg>\n <\/a>\n <\/div>\n `;\n }).join('');\n}\n\ndocument.querySelectorAll('.filter-pill').forEach(pill => {\n pill.addEventListener('click', () => {\n document.querySelectorAll('.filter-pill').forEach(p => p.classList.remove('active'));\n pill.classList.add('active');\n activeFilter = pill.dataset.filter;\n renderHistory();\n });\n});\n\n\/* ---------------- Init ---------------- *\/\nrenderSpotlight();\nrenderHistory();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Le Twitch Game \u2014 Gagnants de la semaine Le Twitch Game Gagnants Comptes Tirage au sort hebdomadaire Chaque semaine,un followerdevient gagnant Un membre de la communaut\u00e9 est tir\u00e9 au sort chaque semaine parmi les abonn\u00e9s X, YouTube, TikTok et Instagram de Le Twitch Game. Retrouve ici tous les gagnants, semaine apr\u00e8s semaine. Voir les gagnants […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":4,"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/elegant-allen.185-171-202-140.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}