.modou-scene{--modou-main-w:min(300px,78vw);--modou-place-main:215px;isolation:isolate;color:#fff;background:radial-gradient(70% 40% at 60% 30%,rgba(0,229,255,.18),transparent 72%),#16161a;border:1px solid rgba(0,229,255,.25);border-radius:1.5rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.modou-scene__contenu{z-index:10;padding:1rem 1rem var(--modou-place-main);flex-direction:column;display:flex;position:relative}.modou-scene__image{z-index:1;aspect-ratio:4/5;width:100%;position:relative}.modou-scene__fond{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}@media (min-width:900px){.modou-scene{--modou-main-w:400px;--modou-place-main:290px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.modou-scene__image{order:-1}.modou-scene__contenu{padding:1.5rem 1.5rem var(--modou-place-main);justify-content:center}}.modou-main{z-index:20;pointer-events:none;perspective:700px;perspective-origin:0 0;width:0;height:0;position:absolute}.modou-main__geste{transform-origin:0 0;width:0;height:0;transform-style:preserve-3d;--rx:14deg;--ry:-10deg;--tap-dx:0px;--tap-dy:12px;transform:rotateX(var(--rx))rotateY(var(--ry))translate3d(0,0,0);animation:2.4s ease-in-out infinite modou-tap;position:absolute;top:0;left:0}.modou-main__image{width:var(--modou-main-w);max-width:none;height:auto;transform:translate(calc(var(--ancre-x,.5)*-100%),calc(var(--ancre-y,.97)*-100%));filter:drop-shadow(0 10px 14px rgba(0,229,255,.45));-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;top:0;left:0}@keyframes modou-tap{0%,50%,to{transform:rotateX(var(--rx))rotateY(var(--ry))translate3d(calc(var(--tap-dx)*-1),calc(var(--tap-dy)*-1),26px)}66%{transform:rotateX(var(--rx))rotateY(var(--ry))translate3d(0,0,0)}74%{transform:rotateX(var(--rx))rotateY(var(--ry))translate3d(calc(var(--tap-dx)*-.3),calc(var(--tap-dy)*-.3),8px)}}.modou-pay{color:#00181b;background:#00e5ff;animation:2.4s ease-out infinite modou-anneau;box-shadow:0 0 0 3px rgba(0,229,255,.35),0 0 28px rgba(0,229,255,.5)}.modou-pay:hover:not(:disabled){background:#5cf0ff}.modou-pay:focus-visible{outline-offset:3px;outline:3px solid #fff}.modou-pay:disabled{opacity:.55;animation:none}@keyframes modou-anneau{0%{box-shadow:0 0 rgba(0,229,255,.65),0 0 28px rgba(0,229,255,.5)}70%,to{box-shadow:0 0 0 18px rgba(0,229,255,0),0 0 28px rgba(0,229,255,.5)}}@media (prefers-reduced-motion:reduce){.modou-main__geste,.modou-pay{animation:none}.modou-main__geste{transform:rotateX(var(--rx))rotateY(var(--ry))translate3d(0,0,0)}}