/* Shooot : page d'accueil */
/* Concept : soirée de match. Le stade de nuit encadre des pages d'album crème ; orange = gardien, ciel = tireur, chaque section rejoue le duel. */
:root{
  --nuit:#0C1A2C; --nuit-2:#13263F; --encre:#15233A; --creme:#FFFAEE;
  --orange:#F4511A; --ambre:#F8A52F; --ciel:#7BB6DB; --gazon:#7DC243;
  --display:'Lilita One','Arial Black',system-ui,sans-serif;
  --texte:'Nunito','Trebuchet MS',system-ui,sans-serif;
}
html{scroll-behavior:smooth}
body{margin:0;background:#0C1A2C;color:#15233A;font-family:'Nunito','Trebuchet MS',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#F4511A}a:hover{color:#C2410C}
h1,h2,h3{text-wrap:balance}
:focus-visible{outline:3px solid #7BB6DB;outline-offset:3px;border-radius:8px}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
details[open] .faq-plus{transform:rotate(45deg)}
.faq-plus{transition:transform .2s ease}
.btn-jeu{transition:transform .15s ease, box-shadow .15s ease}
.btn-jeu:hover{transform:translateY(-2px)}
.btn-jeu:active{transform:translateY(3px)}
.opt{transition:transform .15s ease, border-color .15s ease}
.opt:hover{transform:translateY(-2px);border-color:#F4511A !important}
.ballon{transition:left .08s linear}
.flotte{animation:flotte 6s ease-in-out infinite}
@keyframes flotte{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width:820px){.nav-desktop{display:none !important}.sticker-hero{display:none !important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flotte{animation:none}.btn-jeu,.opt,.ballon{transition:none}}

/* ===== Fenêtre de choix de la formule : carte au centre sur ordinateur, panneau du bas sur mobile ===== */
.bm-back{position:fixed;inset:0;z-index:60;box-sizing:border-box;background:rgba(8,18,31,.74);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));animation:bmFade .2s ease-out both}
.bm{position:relative;width:100%;max-width:560px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;background:#FFFAEE;color:#15233A;border:3px solid #15233A;border-radius:28px;padding:26px;box-shadow:0 8px 0 #15233A,0 40px 80px rgba(0,0,0,.45);animation:bmPop .28s cubic-bezier(.2,1.2,.4,1) both}
.bm-grab{display:none}
.bm-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border:0;border-radius:50%;background:#15233A;cursor:pointer;display:flex;align-items:center;justify-content:center}
.bm-chip{display:inline-block;margin:0;transform:rotate(-2deg);background:#F4511A;color:#FFFFFF;font-family:'Lilita One','Arial Black',sans-serif;font-size:16px;padding:5px 12px;border-radius:10px}
.bm-title{margin:14px 56px 0 0;font-family:'Lilita One','Arial Black',sans-serif;font-weight:400;font-size:clamp(26px,4vw,34px);line-height:1.05;color:#15233A}
.bm-intro{margin:8px 0 0;font-size:15.5px;line-height:1.5;color:#4A5568}
.bm-list{margin-top:20px;display:flex;flex-direction:column;gap:12px}
.bm-opt{display:grid;grid-template-columns:72px minmax(0,1fr) auto 40px;grid-template-areas:"img name price go" "img meta price go";align-items:center;column-gap:14px;row-gap:2px;text-decoration:none;background:#FFFFFF;color:#15233A;border:2px solid #EADFC8;border-radius:20px;padding:10px 12px;transition:transform .15s ease,border-color .15s ease}
.bm-opt:hover{transform:translateY(-2px);border-color:#F4511A}
.bm-opt:focus-visible{outline:3px solid #7BB6DB;outline-offset:2px}
.bm-hot{background:#0C1A2C;color:#FFFAEE;border-color:#7BB6DB}
.bm-img{grid-area:img;display:block;width:72px;height:72px;object-fit:contain;border-radius:14px;background:#FFFAEE}
.bm-hot .bm-img{background:#13263F}
.bm-name{grid-area:name;align-self:end;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-family:'Lilita One','Arial Black',sans-serif;font-size:22px;line-height:1.1}
.bm-badge{font-family:'Nunito','Trebuchet MS',sans-serif;background:#7BB6DB;color:#0C1A2C;font-weight:900;font-size:12px;line-height:1.4;padding:2px 8px;border-radius:8px}
.bm-meta{grid-area:meta;align-self:start;font-size:14px;line-height:1.4;font-weight:700;color:#56617A}
.bm-hot .bm-meta{color:#B8C4D6}
.bm-price{grid-area:price;font-family:'Lilita One','Arial Black',sans-serif;font-size:26px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.bm-go{grid-area:go;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#F4511A}
.bm-foot{margin-top:18px;padding-top:14px;border-top:2px dashed #EADFC8;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;font-weight:800;color:#4A5568}
.bm-secure{display:inline-flex;align-items:center;gap:6px}
html:has(.bm-back:not([hidden])){overflow:hidden}
.bm-help{flex-basis:100%;margin:2px 0 0;font-weight:700;color:#56617A}
@keyframes bmFade{from{opacity:0}to{opacity:1}}
@keyframes bmPop{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes bmUp{from{transform:translateY(100%)}to{transform:none}}
@media (max-width:600px){
.bm-back{align-items:flex-end;padding:calc(12px + env(safe-area-inset-top,0px)) 0 0}
.bm{max-width:none;max-height:92vh;max-height:92dvh;border-width:3px 0 0;border-radius:24px 24px 0 0;padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 60px rgba(0,0,0,.45);animation:bmUp .32s cubic-bezier(.2,.9,.3,1) both}
.bm-grab{display:block;width:44px;height:5px;margin:0 auto 10px;border-radius:3px;background:#D8CDB6}
.bm-close{top:12px;right:12px;width:40px;height:40px}
.bm-chip{display:none}
.bm-title{margin:4px 52px 0 0;font-size:26px}
.bm-intro{font-size:14px;margin-top:6px}
.bm-list{margin-top:14px;gap:10px}
.bm-opt{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"img name price" "img meta meta";column-gap:12px;padding:10px 14px 10px 10px;border-radius:18px}
.bm-img{width:56px;height:56px;border-radius:12px}
.bm-go{display:none}
.bm-name{font-size:20px}
.bm-price{font-size:22px;align-self:end}
.bm-meta{font-size:13px}
.bm-meta > span{display:block}
.bm-meta > .bm-dot{display:none}
.bm-foot{margin-top:14px;padding-top:12px;gap:4px 14px;font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){.bm-back,.bm{animation:none}.bm-opt{transition:none}}

/* ===== Bandeau de réassurance : une seule ligne à toutes les largeurs ===== */
.rb{position:relative;background:#08121F;color:#CFE0EE;font-size:13px;font-weight:700;line-height:18px;padding-block:8px;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}
.rb:focus-visible{outline:2px solid #7BB6DB;outline-offset:-2px;border-radius:0}
.rb-track{display:flex;width:max-content;animation:rbScroll 32s linear infinite}
.rb-list{display:flex;flex:none;margin:0;padding:0;list-style:none}
.rb-list li{display:inline-flex;align-items:center;gap:8px;padding-inline:20px;position:relative}
.rb-list li::after{content:"";position:absolute;right:-3px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#F8A52F}
.rb:hover .rb-track,.rb:focus-within .rb-track{animation-play-state:paused}
@keyframes rbScroll{to{transform:translateX(-50%)}}
@media (min-width:1120px){
.rb{-webkit-mask-image:none;mask-image:none}
.rb-track{animation:none;width:auto;justify-content:center}
.rb-dup{display:none}
.rb-list li:last-child::after{display:none}
}
@media (prefers-reduced-motion:reduce){
.rb{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:none;mask-image:none}
.rb::-webkit-scrollbar{display:none}
.rb-track{animation:none}
.rb-dup{display:none}
}

/* ===== Hero : la séance de tirs au but, jouée au scroll ===== */
.h-track{position:relative;background:#08121F}
.h-stage{--sh:clamp(620px,100vh,980px);position:sticky;top:0;height:var(--sh);overflow:hidden;isolation:isolate;background:#0A1626}
@supports (height:100svh){.h-stage{--sh:clamp(620px,100svh,980px)}}
.h-shake{position:absolute;inset:0}
.h-shake.go{animation:hShake .55s cubic-bezier(.36,.07,.19,.97) both}
.h-sky{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 55% 50% at 70% 32%,rgba(70,118,170,.32),rgba(10,22,38,0) 70%),radial-gradient(ellipse 45% 55% at 8% 96%,rgba(244,81,26,.2),rgba(244,81,26,0) 70%),linear-gradient(180deg,#050C17 0%,#0A1828 48%,#0D2134 100%)}
.h-bokeh{position:absolute;inset:0;z-index:1;pointer-events:none;animation:hFade 1.2s .4s both}
.h-bk{position:absolute;border-radius:50%;filter:blur(14px);animation:hTwinkle 6s ease-in-out infinite alternate}
.h-scene{position:absolute;z-index:2;bottom:0;right:max(0px,calc(50% - 680px));width:min(64vw,calc((var(--sh) - 64px) * 1.02));aspect-ratio:1/.98;container-type:size}
.h-cam{position:absolute;inset:0;transform-origin:50% 40%;will-change:transform}
.h-l{position:absolute;display:block}
.h-l img{display:block;width:100%;height:auto}
.h-kr,.h-kd,.h-ball,.h-sb,.h-sw,.h-boxg,.h-tro,.h-goal{will-change:transform,opacity}
.h-lamp{top:3%;width:12%;aspect-ratio:1.5/1}
.h-lamp.l{left:1%}.h-lamp.r{right:1%}
.h-lamp-pole{position:absolute;left:44%;width:12%;top:96%;height:140%;background:linear-gradient(90deg,#0B1524,#1E3048,#0B1524)}
.h-lamp-in{position:absolute;inset:0;border-radius:.8cqw;background-color:#16243A;background-image:radial-gradient(circle,#FFFBEA 0 24%,#FFE7A8 33%,rgba(255,231,168,0) 60%);background-size:25% 33.34%;border:.3cqw solid #22344C;box-shadow:0 0 6cqw 2cqw rgba(255,232,170,.3),0 0 1.4cqw rgba(255,240,200,.65);animation:hLamp 1.1s .1s both}
.h-lamp.r .h-lamp-in{animation-delay:.32s}
.h-stad{left:-8.6%;top:15%;width:118.7%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 85%,transparent 100%)}
.h-stad-v{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 17%);mask-image:linear-gradient(180deg,transparent 0%,#000 17%)}
.h-stad-z{animation:hZoom 1.8s cubic-bezier(.2,.7,.2,1) both}
.h-fl{position:absolute;border-radius:50%;background:#FFFFFF;box-shadow:0 0 .8cqw .3cqw rgba(255,255,255,.7);opacity:0;animation:hFlash 4s linear infinite}
.h-stage.frenzy .h-fl{animation-duration:.8s !important}
.h-jumbo{left:34%;width:32%;top:6.5%;height:12.5%}
.h-jumbo-in{position:absolute;inset:0;border-radius:1.4cqw;background:#03080F;border:.4cqw solid #1E3048;box-shadow:0 0 0 .35cqw #0B1626,0 0 5cqw rgba(123,182,219,.28);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6cqh;animation:hScreen .45s .75s cubic-bezier(.3,1.4,.5,1) both}
.h-jumbo-in::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 35%,transparent 38%);background-size:.55cqw .55cqw;pointer-events:none}
.h-score{display:flex;align-items:center;gap:1.4cqw;font-family:'Lilita One','Arial Black',sans-serif;line-height:1}
.h-tm{font-size:max(9px,1.6cqw);letter-spacing:.06em}
.h-sc{font-size:max(15px,4.4cqw);color:#FFFAEE;text-shadow:0 0 1.2cqw rgba(255,250,238,.7);font-variant-numeric:tabular-nums}
.h-sep{font-size:max(12px,3cqw);color:#F8A52F}
.h-row2{position:relative;width:100%;overflow:hidden;height:max(11px,2.1cqw)}
.h-mq{position:absolute;left:0;top:0;white-space:nowrap;font-family:'Lilita One','Arial Black',sans-serif;font-size:max(8px,1.5cqw);line-height:1.3;color:#F8A52F;text-shadow:0 0 .8cqw rgba(248,165,47,.8);animation:hMarquee 11s linear infinite}
.h-bt{display:none;text-align:center;font-family:'Lilita One','Arial Black',sans-serif;font-size:max(9px,1.8cqw);line-height:1.15;color:#7DC243;text-shadow:0 0 1cqw rgba(125,194,67,.9);animation:hBlink .5s steps(2) infinite}
.h-jumbo.is-goal .h-mq{display:none}
.h-jumbo.is-goal .h-bt{display:block}
.h-jumbo.is-goal .h-jumbo-in{box-shadow:0 0 0 .35cqw #0B1626,0 0 7cqw rgba(125,194,67,.5)}
@container (max-width:520px){.h-tm{display:none}.h-jumbo{left:29%;width:42%}}
.h-pitch{left:-75%;width:250%;top:55.2%;bottom:-3%;background:radial-gradient(ellipse 16% 48% at 50% 58%,rgba(150,205,95,.3),rgba(150,205,95,0) 72%),linear-gradient(180deg,rgba(5,12,22,0) 55%,rgba(5,12,22,.6) 100%),linear-gradient(180deg,#2E5024 0 4%,#365C29 4% 9.5%,#2E5024 9.5% 16%,#365C29 16% 24%,#2E5024 24% 34%,#365C29 34% 46%,#2E5024 46% 61%,#365C29 61% 79%,#2E5024 79% 100%);-webkit-mask-image:linear-gradient(90deg,transparent 4%,#000 24%,#000 80%,transparent 98%);mask-image:linear-gradient(90deg,transparent 4%,#000 24%,#000 80%,transparent 98%)}
.h-line{left:-40%;right:-40%;top:63.5%;height:.5%;background:rgba(255,255,255,.22);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}
.h-beams-fade{position:absolute;inset:0;pointer-events:none;animation:hFade .9s .5s both}
.h-beams{position:absolute;inset:0;mix-blend-mode:screen;filter:blur(10px);opacity:.55}
.h-beam{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,238,190,.55),rgba(255,238,190,0) 85%)}
.h-beam.l{clip-path:polygon(4% 8%,12% 8%,58% 76%,20% 76%)}
.h-beam.r{clip-path:polygon(88% 8%,96% 8%,82% 78%,42% 78%)}
.h-ksh{left:40%;top:53.8%;width:20%;height:3.4%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),rgba(0,0,0,0))}
.h-kr{left:41.2%;top:26.5%;width:17.6%}
.h-kd{left:35%;top:26.5%;width:30%;opacity:0;visibility:hidden}
.h-idle-keep{animation:hKeep 1.5s 1.7s ease-in-out infinite both}
.h-ball{left:68%;top:calc(82% - 4cqw);width:8%}
.h-trail{opacity:0;filter:blur(1.5px)}
.h-bsh{left:67.5%;top:calc(82% + 2.6cqw);width:9%;height:2.6%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),rgba(0,0,0,0))}
.h-ring{left:calc(73.5% - 7cqw);top:calc(30% - 7cqw);width:14cqw;height:14cqw;border-radius:50%;border:.6cqw solid rgba(255,250,238,.9);box-shadow:0 0 3cqw rgba(255,250,238,.6);opacity:0}
.h-ring.go{animation:hRing .75s ease-out both}
.h-sb{left:29%;top:61%;width:40%;transform-origin:50% 100%}
.h-sw{left:26%;top:57%;width:46%;transform-origin:50% 100%;opacity:0;visibility:hidden}
.h-boxg{left:80%;top:60%;width:22%;aspect-ratio:640/908}
.h-boxg-in,.h-float-box{position:absolute;inset:0}
.h-float-box,.h-float{animation:hFloat 4s ease-in-out infinite}
.h-rays{position:absolute;left:-100%;top:50%;width:300%;height:0;padding-bottom:300%;margin-top:-150%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,206,110,.42) 0deg 8deg,rgba(255,206,110,0) 8deg 20deg);-webkit-mask-image:radial-gradient(circle,#000 8%,rgba(0,0,0,.55) 32%,transparent 66%);mask-image:radial-gradient(circle,#000 8%,rgba(0,0,0,.55) 32%,transparent 66%);animation:hSpin 16s linear infinite;opacity:0;pointer-events:none}
.h-bglow{position:absolute;left:-30%;right:-30%;bottom:-8%;height:22%;border-radius:50%;background:radial-gradient(closest-side,rgba(244,81,26,.6),rgba(244,81,26,0))}
.h-tag{position:absolute;left:-16%;top:7%;transform:rotate(-12deg);font-family:'Lilita One','Arial Black',sans-serif;font-size:max(10px,2.4cqw);line-height:1;color:#FFFFFF;background:#F4511A;padding:.6cqw 1.1cqw;border-radius:1cqw;box-shadow:0 .4cqw 0 #A8320A;white-space:nowrap}
.h-spk{position:absolute;width:13%;height:auto;animation:hTwinkle 1.3s ease-in-out infinite alternate}
.h-tro{left:82%;top:14%;width:14%;opacity:0;visibility:hidden}
.h-tro img{filter:drop-shadow(0 0 2cqw rgba(248,165,47,.55))}
.h-goal{left:50%;top:9%;opacity:0;visibility:hidden;white-space:nowrap;transform-origin:50% 60%;pointer-events:none}
.h-goal-t{position:relative;display:block;font-family:'Lilita One','Arial Black',sans-serif;font-size:13cqw;line-height:1;letter-spacing:.01em}
.h-goal-b{position:absolute;left:0;top:0;color:#B8420A;-webkit-text-stroke:.5cqw #6E2504;text-shadow:0 .35cqw 0 #A83A08,0 .7cqw 0 #962F06,0 1.05cqw 0 #7E2805,0 1.4cqw 0 #6E2504,0 2.4cqw 2.4cqw rgba(0,0,0,.5)}
.h-goal-f{position:relative;color:#FF8A1F;background:linear-gradient(180deg,#FFF3C4 0%,#FFC94D 30%,#FF8A1F 58%,#F4511A 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.h-plus{left:66.5%;top:4.5%;font-family:'Lilita One','Arial Black',sans-serif;font-size:max(14px,3.4cqw);line-height:1;color:#7DC243;text-shadow:0 .3cqw 0 #2F6B1B;opacity:0}
.h-plus.go{animation:hPlus 1.6s ease-out both}
.h-dark{position:absolute;inset:0;z-index:3;background:#02060C;pointer-events:none;opacity:0;animation:hDark 1.25s ease-out both}
.h-vig{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(5,11,20,.92) 0%,rgba(5,11,20,.8) calc(50% - 300px),rgba(5,11,20,.35) calc(50% - 120px),rgba(5,11,20,0) calc(50% + 40px)),linear-gradient(0deg,rgba(5,11,20,.5),rgba(5,11,20,0) 22%)}
.h-conf{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none}
.h-flash{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle at 62% 38%,rgba(255,250,238,.95),rgba(255,250,238,.4) 45%,rgba(255,250,238,0) 75%)}
.h-flash.go{animation:hFlashGo .6s ease-out both}
.h-copy{position:absolute;inset:0;z-index:6;pointer-events:none}
.h-copy-in{position:relative;max-width:1200px;height:100%;margin:0 auto;box-sizing:border-box;padding:110px clamp(16px,4vw,48px) 76px;display:flex;flex-direction:column}
.h-acts{display:grid;width:min(560px,100%);margin-block:auto}
.h-act{grid-area:1/1;pointer-events:auto;min-width:0}
.h-act3{opacity:0;visibility:hidden}
.h-eyebrow{margin:0;display:inline-flex;align-items:center;gap:10px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#CFE0EE;font-weight:800;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.h-h1{margin:18px 0 0;font-weight:400}
.h-kicker{display:block;font-family:'Nunito','Trebuchet MS',sans-serif;font-weight:900;font-size:clamp(14px,1.5vw,19px);color:#F8A52F;margin-bottom:10px}
.h-big{display:block;font-family:'Lilita One','Arial Black',sans-serif;font-size:clamp(34px,5.4vw,78px);line-height:.96;color:#FFFAEE;text-shadow:0 4px 0 rgba(0,0,0,.28);text-wrap:balance}
.h-sub{margin:18px 0 0;max-width:36ch;font-size:18px;line-height:1.55;color:#C9D6E4}
.h-sub3{margin:16px 0 0;max-width:38ch;font-size:17.5px;line-height:1.55;color:#C9D6E4}
.h-facts{display:none;margin:10px 0 0;color:#CFE0EE;font-weight:800;font-size:13.5px}
.h-chips{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.h-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#FFFAEE;font-weight:800;font-size:14.5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.h-ctas{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.h-secure{margin:16px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#A9BBD0;font-size:14px;font-weight:700}
.h-hint{position:absolute;z-index:6;bottom:22px;left:max(16px,calc(50% - 600px + clamp(16px,4vw,48px)));display:inline-flex;align-items:center;gap:10px;padding:9px 14px 9px 10px;border-radius:999px;background:rgba(5,11,20,.6);border:1px solid rgba(255,255,255,.16);color:#FFFAEE;font-weight:900;font-size:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}
.h-hint-in{display:inline-flex;align-items:center;gap:10px;animation:hUp .5s 1.5s both}
.h-hint-ball{display:inline-flex;animation:hBob 1.1s ease-in-out infinite}
.ld-up{animation:hUp .6s cubic-bezier(.2,.8,.2,1) both}
.ld-slam{display:inline-block;animation:hSlam .55s cubic-bezier(.2,1.4,.4,1) both}
.ld-drop{animation:hDrop .9s .7s cubic-bezier(.3,.8,.4,1) both}
.ld-rise{animation:hRise .8s .85s cubic-bezier(.2,.9,.3,1.1) both}
.ld-ball{animation:hBallIn 1.05s 1.1s linear both}
.ld-spin{animation:hSpinIn .85s 1s cubic-bezier(.2,1.3,.4,1) both}
@media (max-height:780px) and (min-width:861px){.h-big{font-size:clamp(34px,4.6vw,62px)}.h-sub{font-size:16.5px;margin-top:14px}.h-chips{margin-top:16px}.h-ctas{margin-top:18px}.h-secure{display:none}}
@media (max-width:860px){
.h-scene{right:auto;left:50%;transform:translateX(-50%);width:min(100%,calc((var(--sh) - 64px) * .5))}
/* Mobile allégé : on garde le duel (stade, gardien, ballon, tireur, boîte) et on retire le décor secondaire */
.h-jumbo,.h-plus,.h-lamp,.h-beams-fade,.h-fl,.h-tag,.h-spk{display:none}
.h-bokeh{opacity:.45}
.h-eyebrow{display:none}
.h-kicker{font-size:13.5px;margin-bottom:6px}
.h-sub3{display:none}
.h-hint{font-size:12.5px;gap:8px;padding:6px 12px 6px 8px;bottom:12px;background:rgba(5,11,20,.72)}
.h-copy-in{padding-top:104px}
.h-acts{margin-top:0;margin-bottom:auto}
.h-vig{background:linear-gradient(180deg,rgba(5,11,20,.94) 0%,rgba(5,11,20,.82) 34%,rgba(5,11,20,.2) 56%,rgba(5,11,20,0) 64%)}
.h-sub,.h-chips,.h-secure,.h-ghost{display:none}
.h-facts{display:block}
.h-sub3{font-size:15px;margin-top:10px}
.h-h1{margin-top:0}
.h-ctas{margin-top:16px}
.h-act3 .h-big{margin-top:0 !important}
.h-hint{left:0;right:0;width:max-content;margin-inline:auto;bottom:14px}
}
@keyframes hUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes hSlam{0%{opacity:0;transform:scale(1.7) rotate(-5deg)}60%{opacity:1;transform:scale(.94) rotate(1deg)}100%{opacity:1;transform:none}}
@keyframes hFade{from{opacity:0}to{opacity:1}}
@keyframes hDark{0%{opacity:1}16%{opacity:1}20%{opacity:.5}24%{opacity:.92}34%{opacity:.35}40%{opacity:.8}56%{opacity:.18}100%{opacity:0}}
@keyframes hLamp{0%{opacity:0}30%{opacity:1}36%{opacity:.2}46%{opacity:1}54%{opacity:.4}64%{opacity:1}100%{opacity:1}}
@keyframes hZoom{from{transform:scale(1.12);filter:brightness(.3)}to{transform:none;filter:none}}
@keyframes hScreen{from{transform:scaleY(.04);filter:brightness(3)}to{transform:none;filter:none}}
@keyframes hDrop{0%{transform:translateY(-70cqh);opacity:0}8%{opacity:1}55%{transform:translateY(1.5cqh) scaleY(.94)}72%{transform:translateY(-2cqh)}86%{transform:translateY(.4cqh)}100%{transform:none;opacity:1}}
@keyframes hRise{from{transform:translateY(45cqh)}to{transform:none}}
@keyframes hBallIn{0%{transform:translateY(-45cqh);opacity:0;animation-timing-function:ease-in}6%{opacity:1}40%{transform:translateY(0);animation-timing-function:ease-out}58%{transform:translateY(-9cqh);animation-timing-function:ease-in}74%{transform:translateY(0);animation-timing-function:ease-out}86%{transform:translateY(-3cqh);animation-timing-function:ease-in}100%{transform:translateY(0);opacity:1}}
@keyframes hSpinIn{from{transform:translateX(45cqw) rotate(50deg) scale(.5);opacity:0}to{transform:none;opacity:1}}
@keyframes hKeep{0%,100%{transform:translateX(-1.2cqw)}25%{transform:translateY(-.9cqh)}50%{transform:translateX(1.2cqw)}75%{transform:translateY(-.9cqh)}}
@keyframes hFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-1.4cqh) rotate(1.5deg)}}
@keyframes hSpin{to{transform:rotate(360deg)}}
@keyframes hMarquee{to{transform:translateX(-50%)}}
@keyframes hTwinkle{from{opacity:.35}to{opacity:1}}
@keyframes hFlash{0%,90%,100%{opacity:0;transform:scale(.3)}92%{opacity:1;transform:scale(1)}95%{opacity:.25}}
@keyframes hShake{10%,90%{transform:translate3d(-2px,1px,0)}20%,80%{transform:translate3d(5px,-3px,0)}30%,50%,70%{transform:translate3d(-9px,4px,0)}40%,60%{transform:translate3d(9px,-4px,0)}}
@keyframes hFlashGo{0%{opacity:.95}100%{opacity:0}}
@keyframes hRing{0%{opacity:1;transform:scale(.2)}100%{opacity:0;transform:scale(2.4)}}
@keyframes hPlus{0%{opacity:0;transform:translateY(2cqh) scale(.4)}20%{opacity:1;transform:translateY(0) scale(1.15)}70%{opacity:1;transform:translateY(-1cqh) scale(1)}100%{opacity:0;transform:translateY(-3cqh)}}
@keyframes hBlink{50%{opacity:.25}}
@keyframes hBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (prefers-reduced-motion:reduce){.h-stage,.h-stage *{animation:none !important}}

/* Navigateurs sans aspect-ratio : hauteur de scène calculée */
@supports not (aspect-ratio:1/1){
.h-scene{height:min(62.72vw,calc(var(--sh) - 64px))}
@media (max-width:860px){.h-scene{height:min(98vw,calc((var(--sh) - 64px) * .49))}}
}
/* Navigateurs sans unités de conteneur (iOS 15, anciens Android) : unité de repli --cq, affinée en JavaScript */
@supports not (width:1cqw){
.h-scene{--cq:min(.64vw,calc((var(--sh) - 64px) * .0102))}
@media (max-width:860px){.h-scene{--cq:min(1vw,calc((var(--sh) - 64px) * .005))}}
.h-ball{top:calc(82% - var(--cq) * 4)}
.h-bsh{top:calc(82% + var(--cq) * 2.6)}
.h-ring{left:calc(73.5% - var(--cq) * 7);top:calc(30% - var(--cq) * 7);width:calc(var(--cq) * 14);height:calc(var(--cq) * 14);border-width:calc(var(--cq) * .6)}
.h-goal-t{font-size:calc(var(--cq) * 13)}
.h-goal-b{-webkit-text-stroke:calc(var(--cq) * .5) #6E2504;text-shadow:0 3px 0 #A83A08,0 6px 0 #962F06,0 9px 0 #7E2805,0 12px 0 #6E2504,0 18px 18px rgba(0,0,0,.5)}
.h-plus{font-size:max(14px,calc(var(--cq) * 3.4))}
.h-tag{font-size:max(10px,calc(var(--cq) * 2.4));padding:4px 9px;border-radius:8px}
.h-tm{font-size:max(9px,calc(var(--cq) * 1.6))}
.h-sc{font-size:max(15px,calc(var(--cq) * 4.4))}
.h-sep{font-size:max(12px,calc(var(--cq) * 3))}
.h-row2{height:max(11px,calc(var(--cq) * 2.1))}
.h-mq{font-size:max(8px,calc(var(--cq) * 1.5))}
.h-bt{font-size:max(9px,calc(var(--cq) * 1.8))}
.h-score{gap:calc(var(--cq) * 1.4)}
.h-jumbo-in,.h-lamp-in{border-radius:10px}
.h-fl{width:4px !important;height:4px !important}
}
@media (max-width:600px){.h-tm{display:none}.h-jumbo{left:29%;width:42%}}