/* QTouch — page Gaming (qtouch-public.html#gaming, bloc #gm6). Même ossature que Influenceurs / Chaînes TV (#inf6, #tv6) :
héros + 4 chapitres .st6 (illustration ou maquette), parcours en 6 étapes, revenus, FAQ. Maquettes : lib/site/gm7.js. */
body[data-cat="gaming"] #gm6{display:block}
body[data-cat="gaming"] .not-com{display:none!important}
#gm6 .st6{background:#fff!important;border-radius:0!important;box-shadow:none!important;border:0!important}
#gm6 .st6-hd,#gm6 .hx-cta,#gm6 .hx-chips,#gm6 .hx-cards{display:none!important}
#gm6 .st6-head{--g1:#22C55E!important;--g2:#06B6D4!important;--g3:#8B5CF6!important}
#gm6 .cx-soon.gm-ey{background:linear-gradient(90deg,#DCFCE7,#CFFAFE);color:#15803D}
#gm6 .cx-b.p{background:linear-gradient(90deg,#16A34A,#06B6D4);box-shadow:0 16px 30px -14px rgba(22,163,74,.7)}
#gm6 .st6[data-seg="lic"] .st6-art::before{background:linear-gradient(135deg,#F0FDF4,#F5F3FF)}
#gm6 .st6-ch[data-c="y"]{--pc:#BBF7D0}#gm6 .st6-ch[data-c="p"]{--pc:#E9D5FF}#gm6 .st6-ch[data-c="o"]{--pc:#A5F3FC}#gm6 .st6-ch[data-c="k"]{--pc:#FDE68A}
/* illustration du héros absente : on montre l'icône manette */
#gm6 .st6-art img.gm-fb{object-fit:contain;padding:18%;box-sizing:border-box}
/* ---------- cadre commun des maquettes (dans .st6-art, carré) ---------- */
#gm6 .gm-fig{container-type:inline-size}
#gm6 .gm-art{position:absolute;inset:0;z-index:1;box-sizing:border-box;border-radius:40px;overflow:hidden;font-family:Figtree,system-ui,sans-serif;color:#1D1B26;
opacity:0;transform:scale(.88) rotate(-5deg);transition:transform 1.1s cubic-bezier(.2,.9,.25,1.2),opacity .7s}
#gm6 .st6-ch.in .gm-art{opacity:1;transform:none}
#gm6 .gm-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;opacity:1;transform:none;animation:none;transition:none}
#gm6 .gm-art svg{display:block}
#gm6 .gm-lg{flex:none;width:7.4cqw;height:7.4cqw;border-radius:50%;display:grid;place-items:center;font-size:2.7cqw;font-weight:900;color:#fff;letter-spacing:-.02em}
#gm6 .gm-lg-fl{background:linear-gradient(135deg,#22C55E,#7C3AED)}
#gm6 .gm-lg-fk{background:linear-gradient(135deg,#EF4444,#22C55E)}
#gm6 .gm-lg-bc{background:linear-gradient(135deg,#F59E0B,#B45309)}
/* 1) marketplace d'assets */
#gm6 .gm-mk{display:flex;flex-direction:column;gap:2.6cqw;padding:6.5cqw 6.5cqw 5.5cqw;background:linear-gradient(160deg,#F0FDF4,#F5F3FF)}
#gm6 .gm-mk-top{display:flex;flex-direction:column;gap:2cqw}
#gm6 .gm-mk-q{display:flex;align-items:center;gap:2cqw;height:7.6cqw;padding:0 3.2cqw;border-radius:99px;background:#fff;box-shadow:0 2cqw 5cqw -3cqw rgba(30,20,60,.35);font-size:2.9cqw;font-weight:700;white-space:nowrap;overflow:hidden}
#gm6 .gm-mk-q svg{flex:none;width:3.6cqw;height:3.6cqw;fill:none;stroke:#16A34A;stroke-width:2.6;stroke-linecap:round}
#gm6 .gm-mk-f{display:flex;gap:1.6cqw}
#gm6 .gm-mk-f i{font-style:normal;font-size:2.5cqw;font-weight:700;padding:1.1cqw 2.6cqw;border-radius:99px;background:#fff;color:#4B4660;box-shadow:inset 0 0 0 .3cqw #E8E4F0}
#gm6 .gm-mk-f i.on{background:#16A34A;color:#fff;box-shadow:none}
#gm6 .gm-mk-g{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2.4cqw}
#gm6 .gm-it{display:flex;flex-direction:column;min-height:0;border-radius:3.4cqw;background:#fff;overflow:hidden;box-shadow:0 3cqw 6cqw -4cqw rgba(30,20,60,.4)}
#gm6 .gm-it.sel{box-shadow:0 0 0 .7cqw #16A34A,0 4cqw 8cqw -4cqw rgba(22,163,74,.7)}
#gm6 .gm-th{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}
#gm6 .gm-bg-a{background:linear-gradient(135deg,#FEF3C7,#FDBA74)}
#gm6 .gm-bg-b{background:linear-gradient(135deg,#DDD6FE,#818CF8)}
#gm6 .gm-bg-c{background:linear-gradient(135deg,#CFFAFE,#38BDF8)}
#gm6 .gm-bg-d{background:linear-gradient(135deg,#312E81,#7C3AED)}
#gm6 .gm-ic{position:absolute;inset:16% 8% 5%;display:block}
#gm6 .gm-ic>svg{width:100%;height:100%}
#gm6 .gm-bg-a .gm-ic{inset:22% 5% 2%}
#gm6 .gm-toast .gm-lg{width:6cqw;height:6cqw;font-size:2.2cqw}
#gm6 .gm-ok{position:absolute;left:1.8cqw;top:1.8cqw;font-size:2.1cqw;font-weight:800;padding:.8cqw 1.8cqw;border-radius:99px;background:#DCFCE7;color:#15803D}
#gm6 .gm-bd{display:grid;gap:.5cqw;padding:1.6cqw 2.4cqw 2cqw}
#gm6 .gm-bd b{font-size:2.7cqw;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gm6 .gm-bd small{font-size:2.1cqw;color:#6A6678;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gm6 .gm-bd>span{display:flex;align-items:baseline;justify-content:space-between;gap:1.4cqw;min-width:0}
#gm6 .gm-bd em{flex:none;font-style:normal;font-weight:800;font-size:2.8cqw;color:#16A34A}
#gm6 .gm-bd em small{font-size:2cqw;color:#16A34A;font-weight:700}
#gm6 .gm-toast{align-self:center;display:flex;align-items:center;gap:2cqw;padding:1.4cqw 3.2cqw 1.4cqw 1.4cqw;border-radius:99px;background:#1D1B26;color:#fff;white-space:nowrap;box-shadow:0 4cqw 8cqw -4cqw rgba(20,10,40,.6);animation:gmPop 6s ease-in-out infinite}
#gm6 .gm-toast>span:not(.gm-lg){display:grid;gap:.2cqw}
#gm6 .gm-toast b{font-size:2.6cqw}
#gm6 .gm-toast small{font-size:2.1cqw;opacity:.7}
#gm6 .gm-toast em{font-style:normal;font-weight:800;font-size:2.8cqw;color:#4ADE80;margin-left:1cqw}
@keyframes gmPop{0%,8%{transform:translateY(2cqw);opacity:0}16%,88%{transform:none;opacity:1}100%{transform:translateY(2cqw);opacity:0}}
/* 2) avant / après */
#gm6 .gm-ba{--x:50%;background:#E0F2FE;touch-action:pan-y;cursor:ew-resize}
#gm6 .gm-ba-l{position:absolute;inset:0}
#gm6 .gm-scene{position:absolute;inset:0}
#gm6 .gm-scene>svg{width:100%;height:100%}
#gm6 .gm-ba-b{clip-path:inset(0 0 0 50%);animation:gmWipe 7s cubic-bezier(.65,0,.35,1) infinite}
#gm6 .gm-ba-h{position:absolute;top:0;bottom:0;left:50%;width:0;z-index:2;animation:gmWipeH 7s cubic-bezier(.65,0,.35,1) infinite}
#gm6 .gm-ba-h::before{content:"";position:absolute;top:0;bottom:0;left:-.4cqw;width:.8cqw;background:#fff;box-shadow:0 0 3cqw rgba(15,23,42,.35)}
#gm6 .gm-ba-h i{position:absolute;top:42%;left:-4.6cqw;width:9.2cqw;height:9.2cqw;border-radius:50%;background:#fff;box-shadow:0 2cqw 5cqw -2cqw rgba(15,23,42,.5)}
#gm6 .gm-ba-h i::before,#gm6 .gm-ba-h i::after{content:"";position:absolute;top:50%;width:0;height:0;border:1.5cqw solid transparent;margin-top:-1.5cqw}
#gm6 .gm-ba-h i::before{left:.8cqw;border-right-color:#16A34A}#gm6 .gm-ba-h i::after{right:.8cqw;border-left-color:#16A34A}
#gm6 .gm-ba.drag .gm-ba-b{animation:none;clip-path:inset(0 0 0 var(--x))}
#gm6 .gm-ba.drag .gm-ba-h{animation:none;left:var(--x)}
@keyframes gmWipe{0%,14%{clip-path:inset(0 0 0 86%)}44%,64%{clip-path:inset(0 0 0 14%)}94%,100%{clip-path:inset(0 0 0 86%)}}
@keyframes gmWipeH{0%,14%{left:86%}44%,64%{left:14%}94%,100%{left:86%}}
#gm6 .gm-tg{position:absolute;top:5cqw;z-index:3;padding:1.4cqw 3cqw;border-radius:99px;background:rgba(15,23,42,.72);color:#fff;font-size:3cqw;font-weight:800;pointer-events:none}
#gm6 .gm-tg{left:5cqw}#gm6 .gm-tg.b{left:auto;right:5cqw;background:linear-gradient(90deg,#16A34A,#7C3AED)}
#gm6 .gm-ok-bar{position:absolute;left:5cqw;right:5cqw;bottom:5cqw;z-index:3;display:flex;align-items:center;gap:2.2cqw;padding:2.4cqw;border-radius:5cqw;background:#fff;box-shadow:0 4cqw 9cqw -4cqw rgba(15,23,42,.45)}
#gm6 .gm-ok-bar>span:not(.gm-lg){flex:1;min-width:0;display:grid;gap:.3cqw}
#gm6 .gm-ok-bar b{font-size:3cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gm6 .gm-ok-bar small{font-size:2.4cqw;color:#6A6678;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gm6 .gm-bt{flex:none;border:0;border-radius:99px;padding:1.8cqw 3cqw;font:800 2.7cqw/1 Inter,system-ui,sans-serif;cursor:default}
#gm6 .gm-bt.s{background:#F1F5F9;color:#334155}
#gm6 .gm-bt.p{background:#16A34A;color:#fff;animation:gmBeat 2.4s ease-in-out infinite}
@keyframes gmBeat{0%,70%,100%{box-shadow:0 0 0 0 rgba(22,163,74,.5)}85%{box-shadow:0 0 0 1.6cqw rgba(22,163,74,0)}}
/* 3) écran « en jeu » (télé + console) */
#gm6 .gm-cs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6cqw;background:radial-gradient(70% 55% at 50% 40%,#EDE9FE,transparent 70%),linear-gradient(160deg,#F5F3FF,#ECFEFF)}
#gm6 .gm-tv{width:100%;padding:1.6cqw;border-radius:3cqw;background:#0B0A10;box-shadow:0 6cqw 12cqw -6cqw rgba(20,10,40,.7)}
#gm6 .gm-tv-s{position:relative;aspect-ratio:16/9;border-radius:1.4cqw;overflow:hidden;background:#1E1B4B}
#gm6 .gm-tv-st{width:30cqw;height:3.2cqw;border-radius:0 0 2cqw 2cqw;background:linear-gradient(#1F1D29,#3B3848)}
#gm6 .gm-live{position:absolute;left:2.4cqw;top:2.4cqw;padding:.9cqw 2cqw;border-radius:1.4cqw;background:#EF4444;color:#fff;font-size:2.4cqw;font-weight:800;animation:gmBl 1.6s infinite}
@keyframes gmBl{50%{opacity:.65}}
#gm6 .gm-pos{position:absolute;right:2.4cqw;top:2cqw;color:#fff;font:900 5cqw/1 Inter,system-ui,sans-serif;font-style:italic;text-shadow:0 .4cqw 1.2cqw rgba(0,0,0,.5)}
#gm6 .gm-pos small{font-size:2.8cqw;opacity:.8}
#gm6 .gm-hud{position:absolute;left:2.4cqw;bottom:2cqw;display:flex;align-items:baseline;gap:.8cqw;color:#fff;text-shadow:0 .4cqw 1.2cqw rgba(0,0,0,.6)}
#gm6 .gm-hud b{font:900 5.4cqw/1 Inter,system-ui,sans-serif;font-style:italic}
#gm6 .gm-hud small{font-size:2.4cqw;font-weight:700;opacity:.85}
#gm6 .gm-spon{position:absolute;right:2.4cqw;bottom:2.2cqw;display:flex;align-items:center;gap:.8cqw;padding:1cqw 2.2cqw 1cqw 1.6cqw;border-radius:99px;background:rgba(255,255,255,.94);color:#334155;font-size:2.3cqw;font-weight:600;white-space:nowrap}
#gm6 .gm-spon::before{content:"";width:1.6cqw;height:1.6cqw;border-radius:50%;background:linear-gradient(135deg,#22C55E,#7C3AED)}
#gm6 .gm-spon b{color:#15803D;font-weight:800}
#gm6 .gm-pf{display:flex;gap:2.2cqw;margin-top:6cqw;flex-wrap:wrap;justify-content:center}
#gm6 .gm-pf span{display:inline-flex;align-items:center;gap:1.4cqw;padding:1.8cqw 3.2cqw;border-radius:99px;background:#fff;font-size:3cqw;font-weight:700;color:#1D1B26;box-shadow:0 2cqw 5cqw -3cqw rgba(30,20,60,.35)}
#gm6 .gm-pf svg{width:4cqw;height:4cqw;fill:none;stroke:#16A34A;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* ---------- parcours en 6 étapes ---------- */
#gm6 .gm-st{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:none}
#gm6 .gm-st li{position:relative;padding:26px 26px 28px;border-radius:24px;background:#fff;box-shadow:0 24px 50px -34px rgba(40,20,80,.35),inset 0 0 0 1px #EEEAF5;display:grid;gap:8px;align-content:start}
#gm6 .gm-st li img{width:54px;height:54px;object-fit:contain;margin-bottom:6px}
#gm6 .gm-st .gm-n{position:absolute;right:22px;top:22px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#22C55E,#06B6D4);color:#fff;font:800 15px/1 Inter,system-ui,sans-serif;box-shadow:0 10px 20px -10px rgba(22,163,74,.8)}
#gm6 .gm-st li b{font-size:18px;line-height:1.25;letter-spacing:-.01em;color:#1D1B26;padding-right:34px}
#gm6 .gm-st li p{margin:0;font-size:14.5px;line-height:1.55;color:#5B5670}
/* ---------- revenus ---------- */
#gm6 .gm-rv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
#gm6 .gm-md{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px}
#gm6 .gm-md li{display:grid;grid-template-columns:52px 1fr;column-gap:16px;align-items:center;padding:14px 18px 14px 14px;border-radius:18px;background:#F8F7FB}
#gm6 .gm-md li img{grid-row:span 2;width:52px;height:52px;object-fit:contain}
#gm6 .gm-md li b{font-size:16.5px;color:#1D1B26}
#gm6 .gm-md li small{font-size:14px;line-height:1.45;color:#5B5670}
#gm6 .gm-tile{padding:28px;border-radius:28px;background:#fff;box-shadow:0 40px 80px -40px rgba(40,20,80,.4),inset 0 0 0 1px #EEEAF5;font-family:Figtree,system-ui,sans-serif}
#gm6 .gm-tile-h{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:#6A6678;font-weight:600}
#gm6 .gm-up{padding:5px 10px;border-radius:99px;background:#DCFCE7;color:#15803D;font-weight:800;font-size:12.5px}
#gm6 .gm-big{display:block;margin-top:8px;font-size:clamp(38px,4.4vw,54px);font-weight:800;letter-spacing:-.04em;color:#16A34A;line-height:1}
#gm6 .gm-bars{display:flex;align-items:flex-end;gap:6px;height:96px;margin-top:20px}
#gm6 .gm-bars i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(#22C55E,#A7F3D0)}
#gm6 .gm-bars i:last-child{background:linear-gradient(#7C3AED,#C4B5FD)}
#gm6 .gm-kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #EFECF5}
#gm6 .gm-kp>span{display:grid;gap:2px}
#gm6 .gm-kp b{font-size:20px;letter-spacing:-.02em;color:#1D1B26}
#gm6 .gm-kp small{font-size:12px;color:#6A6678}
#gm6 .gm-sales{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
#gm6 .gm-sales li{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:14px;background:#F8F7FB;font-size:14px}
#gm6 .gm-sales .gm-lg{width:30px;height:30px;font-size:11px}
#gm6 .gm-sales li span:not(.gm-lg){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gm6 .gm-sales em{font-style:normal;font-weight:800;color:#16A34A}
/* petits cadres (téléphone) : moins de texte, plus gros */
@media(max-width:600px){#gm6 .st6-art.gm-fig{max-width:100%}}
@container (max-width:440px){
#gm6 .gm-mk{gap:3cqw;padding:6cqw 5.5cqw 5cqw}
#gm6 .gm-mk-q{height:9cqw;font-size:3.6cqw}#gm6 .gm-mk-q svg{width:4.4cqw;height:4.4cqw}
#gm6 .gm-mk-f{display:none}
#gm6 .gm-ic{inset:20% 10% 6%}#gm6 .gm-bg-a .gm-ic{inset:26% 6% 2%}
#gm6 .gm-bd b{font-size:3.5cqw}#gm6 .gm-bd>span>small{display:none}#gm6 .gm-bd>span{justify-content:flex-start}#gm6 .gm-bd em{font-size:3.5cqw}#gm6 .gm-bd em small{font-size:2.6cqw}
#gm6 .gm-ok{font-size:2.7cqw;padding:1cqw 2.2cqw}
#gm6 .gm-toast b{font-size:3.4cqw}#gm6 .gm-toast small{font-size:2.8cqw}#gm6 .gm-toast em{font-size:3.6cqw}#gm6 .gm-toast .gm-lg{width:7.4cqw;height:7.4cqw;font-size:2.8cqw}
#gm6 .gm-tg{font-size:3.6cqw;padding:1.6cqw 3.4cqw}
#gm6 .gm-ok-bar b{font-size:3.8cqw}#gm6 .gm-ok-bar small{display:none}#gm6 .gm-bt{font-size:3.4cqw;padding:2.2cqw 3.4cqw}#gm6 .gm-bt.s{display:none}
#gm6 .gm-live{font-size:3cqw}#gm6 .gm-spon{font-size:2.9cqw}#gm6 .gm-pf span{font-size:3.6cqw}#gm6 .gm-pf svg{width:4.6cqw;height:4.6cqw}
}
@media(max-width:1000px){#gm6 .gm-st{grid-template-columns:1fr 1fr}#gm6 .gm-rv{grid-template-columns:minmax(0,1fr);gap:32px}#gm6 .gm-rv>*{min-width:0}#gm6 .gm-sales{grid-template-columns:minmax(0,1fr)}#gm6 .gm-sales li{min-width:0}}
@media(max-width:600px){#gm6 .gm-art{border-radius:30px}#gm6 .gm-st{grid-template-columns:1fr;gap:12px;margin-top:28px}#gm6 .gm-st li{padding:20px 20px 22px}#gm6 .gm-tile{padding:20px}#gm6 .gm-kp b{font-size:17px}}
@media(prefers-reduced-motion:reduce){#gm6 .gm-art{transition:none;transform:none;opacity:1}#gm6 .gm-ba-b,#gm6 .gm-ba-h,#gm6 .gm-toast,#gm6 .gm-bt.p,#gm6 .gm-live{animation:none}#gm6 .gm-ba-b{clip-path:inset(0 0 0 50%)}}
/* b16 · image d'item par-dessus le dessin (repli SVG si l'image manque) */
#gm6 .gm-ic .gm-iimg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;opacity:0;transition:opacity .3s}
#gm6 .gm-ic.gm-iok .gm-iimg{opacity:1}
#gm6 .gm-ic.gm-iok>svg{visibility:hidden}
/* écran « en jeu » : illustration générée (voiture Fresh Lab) */
#gm6 .gm-ig{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%;display:block}
#gm6 .gm-tv-s .gm-hud,#gm6 .gm-tv-s .gm-pos{text-shadow:0 2px 10px rgba(0,0,0,.6)}