.vl.e404{--w:min(clamp(220px,23vw,380px),calc((100svh - var(--nav-h) - 120px) / 1.62));--H:calc(var(--w) * 1.62);--deb4:.3;--feuille-h:calc(var(--H) * var(--deb4) + clamp(28px,2.8vw,48px))}.e404 .vl-haut__cadre > :not(.e404__gb,dialog){max-width:var(--col)}.e404 .vl-haut__cadre{min-height:calc(var(--H) * (1 - var(--deb4)))}.e404__gb{position:absolute;z-index:3;right:var(--m);bottom:calc(var(--H) * var(--deb4) * -1);animation:e404-pose 1.1s .2s var(--ease) both}.e404__gb[hidden]{display:none}@keyframes e404-pose{from{opacity:0;translate:0 32px}}html:root .e404__gb{transition:transform .6s var(--ease),rotate .6s var(--ease)}@media (hover:hover){html:root .e404__gb:hover{transform:translateY(-6px);rotate:-2deg}}.gb__jouer{all:unset;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent}.gb__jouer::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:2}.e404__gb:has(.gb__jouer:focus-visible){outline:2px solid var(--papaye);outline-offset:6px}.gb__vue video{opacity:0;transition:opacity .5s}.gb__vue video.is-lit{opacity:1}.gb__invite{position:absolute;z-index:1;left:50%;top:50%;translate:-50% -50%;padding:.75em 1em .6em;border-radius:99px;background:rgba(18,20,20,.82);color:#fff;font:600 max(11px,4.2em)/1 var(--f-label);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;animation:gb-invite 1.2s 1.4s steps(1) 5}@keyframes gb-invite{50%{opacity:0}}.gb .gb__pause{top:81em;bottom:auto;left:14em;translate:0 -100%}.e404__actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px clamp(24px,2.6vw,40px);margin-top:clamp(24px,2.8vw,44px)}.e404__jouer[hidden]{display:none}.btn.e404__jouer:is(:hover,:focus-visible) .btn__arrow svg{transform:scale(1.15)}.e404__actions .lnk{color:var(--txt-2)}.e404__actions .lnk:hover{color:var(--txt)}.e404__record{flex-basis:100%;color:var(--txt-3)}.e404__record .tnum{margin-left:.7em;color:#fff}@media (max-width:760px){.vl.e404{--w:clamp(180px,min(62vw,calc((100svh - 356px) / 1.62)),280px);--feuille-h:48px}.e404 .vl-haut__cadre{min-height:0;padding-bottom:36px}.e404__gb{position:relative;right:auto;bottom:auto;margin:18px auto 0}.e404__actions{margin-top:20px;row-gap:10px}.btn.e404__jouer{width:100%;justify-content:space-between}}html.jeu-plein,html.jeu-plein body{overflow:hidden}.jeu{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--noir);color:#fff;overflow:hidden;overscroll-behavior:contain}.jeu[open]{display:grid}.jeu > *{grid-area:1 / 1}.jeu::backdrop{background:#121414}.jeu:focus,.jeu iframe:focus{outline:none}.jeu iframe{width:100%;height:100%;border:0;display:block;background:var(--noir);opacity:0;transform:translateY(24px) scale(.985);transition:opacity .5s,transform .9s var(--ease)}.jeu.is-pret iframe{opacity:1;transform:none}.jeu__attente{place-self:center;display:grid;justify-items:center;gap:16px;color:var(--txt-3);transition:opacity .3s}.jeu__etoile{width:30px;height:29px;background:var(--papaye);-webkit-mask:url("../img/marque/etoile.svg") center/contain no-repeat;mask:url("../img/marque/etoile.svg") center/contain no-repeat;animation:jeu-tourne 1.4s var(--ease-io) infinite}@keyframes jeu-tourne{to{transform:rotate(360deg)}}.jeu.is-pret .jeu__attente{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}.jeu__fermer{position:relative;z-index:1;place-self:start end;margin:14px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--papier);color:var(--noir);box-shadow:0 0 0 2px var(--noir),0 6px 18px rgba(0,0,0,.35);transition:background-color .25s,transform .25s var(--ease)}.jeu__fermer svg{width:20px;height:20px}.jeu__fermer:is(:hover,:focus-visible){background:var(--papaye)}.jeu__fermer:focus-visible{border-radius:50%;outline-color:#fff;outline-offset:5px}.jeu__fermer:active{transform:scale(.92)}@media (prefers-reduced-motion:reduce){.gb__vue video{display:none}.e404__gb,.gb__invite{animation:none}html:root .e404__gb,html:root .e404__gb:hover{transform:none;rotate:-4deg;transition:none}.jeu__etoile{animation:none}.jeu iframe,.jeu__attente,.jeu__fermer{transition:none}.jeu iframe{transform:none}}
