.ouv-env{--w: min(82vw, 350px);--w: min(82cqw, 350px, 88cqh);--h: calc(var(--w) * .64);position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--w) * .09);padding:24px 16px 72px}.ouv-env-mention{max-width:calc(var(--w) * 1.05);transition:opacity .5s ease,transform .5s ease}.ouv-env-consigne{transition:opacity .4s ease}.ouv-env:not([data-phase=repos]) .ouv-env-mention{opacity:0;transform:translateY(-8px)}.ouv-env:not([data-phase=repos]) .ouv-env-consigne{opacity:0;animation:none}.ouv-env-scene{position:relative;width:var(--w);height:var(--h);margin-top:calc(var(--h) * .35);perspective:1400px;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.ouv-env[data-phase=final] .ouv-env-scene{transform:translateY(calc(var(--h) * .18)) scale(1.04)}.ouv-env-dos{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:3px;background:linear-gradient(180deg,var(--ouv-papier-ombre),color-mix(in srgb,var(--ouv-papier-ombre) 85%,var(--inv-accent)));box-shadow:var(--ouv-ombre)}.ouv-env-carte{position:absolute;z-index:1;left:6%;right:6%;top:7%;height:92%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(var(--w) * .018);padding:calc(var(--w) * .07) 6% 0;border-radius:2px;box-shadow:0 1px #fff6 inset,0 8px 18px -10px #14100a59;transform:translateY(0);transition:transform 1s cubic-bezier(.22,.9,.25,1)}.ouv-env[data-phase=sort] .ouv-env-carte,.ouv-env[data-phase=final] .ouv-env-carte{transform:translateY(-64%)}.ouv-env-carte .ouv-prenoms{font-size:calc(var(--w) * .098)}.ouv-env-carte .ouv-prenoms em{margin:.02em 0!important}.ouv-env-date{margin:0;font-size:calc(var(--w) * .036);letter-spacing:.04em;color:var(--inv-douce)}.ouv-env-filet{width:calc(var(--w) * .12);height:1px;margin:calc(var(--w) * .012) 0;background:var(--inv-accent);opacity:.6}.ouv-env-poche{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.ouv-env-poche>span{position:absolute;top:0;right:0;bottom:0;left:0}.ouv-env-gauche{clip-path:polygon(0 0,52% 54%,0 100%);background-image:var(--ouv-grain),linear-gradient(100deg,color-mix(in srgb,var(--ouv-papier) 92%,#000) 0%,var(--ouv-papier) 60%)}.ouv-env-droite{clip-path:polygon(100% 0,48% 54%,100% 100%);background-image:var(--ouv-grain),linear-gradient(260deg,color-mix(in srgb,var(--ouv-papier) 92%,#000) 0%,var(--ouv-papier) 60%)}.ouv-env-bas{clip-path:polygon(0 100%,50% 46%,100% 100%);background-image:var(--ouv-grain),linear-gradient(0deg,var(--ouv-papier) 40%,color-mix(in srgb,var(--ouv-papier) 90%,#000) 100%)}.ouv-env-gauche,.ouv-env-droite,.ouv-env-bas{background-color:var(--ouv-papier)}.ouv-env-lisere{clip-path:polygon(0 100%,50% 46%,100% 100%,100% 99.2%,50% 45.2%,0 99.2%);background:color-mix(in srgb,var(--inv-accent) 45%,transparent)}.ouv-env-rabat{position:absolute;z-index:3;left:0;top:0;width:100%;height:58%;transform-origin:50% 0;transform-style:preserve-3d;transform:rotateX(0);transition:transform .76s cubic-bezier(.45,.05,.25,1)}.ouv-env-rabat>span{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:hidden;-webkit-backface-visibility:hidden}.ouv-env-rabat-face{background-color:var(--ouv-papier);background-image:var(--ouv-grain),linear-gradient(180deg,var(--ouv-papier) 30%,color-mix(in srgb,var(--ouv-papier) 88%,#000) 100%)}.ouv-env-rabat-doublure{transform:rotateX(180deg);background-color:var(--ouv-papier-ombre);background-image:var(--ouv-grain),repeating-linear-gradient(135deg,color-mix(in srgb,var(--inv-accent) 14%,transparent) 0 2px,transparent 2px 9px)}.ouv-env[data-phase=ouvre] .ouv-env-rabat,.ouv-env[data-phase=sort] .ouv-env-rabat,.ouv-env[data-phase=final] .ouv-env-rabat{transform:rotateX(180deg)}.ouv-env[data-phase=sort] .ouv-env-rabat,.ouv-env[data-phase=final] .ouv-env-rabat{z-index:0}.ouv-env-sceau{--s: calc(var(--w) * .27);position:absolute;z-index:4;left:50%;top:58%;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2)}.ouv-env-moitie{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .52s cubic-bezier(.3,.7,.3,1),opacity .52s ease}.ouv-env-moitie svg{display:block;width:100%;height:100%}.ouv-env-moitie[data-cote=g]{clip-path:polygon(0 0,54% 0,46% 38%,55% 62%,47% 100%,0 100%)}.ouv-env-moitie[data-cote=d]{clip-path:polygon(54% 0,100% 0,100% 100%,47% 100%,55% 62%,46% 38%)}.ouv-env:not([data-phase=repos]) .ouv-env-moitie[data-cote=g]{transform:translate(-34%,22%) rotate(-24deg);opacity:0}.ouv-env:not([data-phase=repos]) .ouv-env-moitie[data-cote=d]{transform:translate(34%,26%) rotate(20deg);opacity:0}@keyframes ouv-env-invite{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.ouv-env[data-phase=repos] .ouv-env-sceau{animation:ouv-env-invite 2.6s ease-in-out infinite}@keyframes ouv-env-eclat{0%{opacity:0;transform:scale(.4)}30%{opacity:.9}to{opacity:0;transform:scale(1.6)}}.ouv-env-eclat{position:absolute;z-index:4;left:50%;top:58%;width:calc(var(--w) * .4);height:calc(var(--w) * .4);margin:calc(var(--w) * -.2) 0 0 calc(var(--w) * -.2);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,#F6E2A8 85%,transparent) 0%,transparent 65%);opacity:0;pointer-events:none}.ouv-env[data-phase=casse] .ouv-env-eclat{animation:ouv-env-eclat .6s ease-out forwards}.ouv-env .ouv-confettis{top:30%}