:root{color-scheme:light;--fond: #f6efe3;--papier: #fffaf2;--encre: #2a2924;--doux: #6e695d;--trait: #e3d8c4;--vert: #2f4b3d;--vert-fonce: #1f342a;--tendre: #b8dc9f;--or: #c29b45;--or-clair: #ead49c;--cerisier: #f2b4c5;--rose: #d77a96;--refus: #a8452f;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", "Noto Serif", Georgia, serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ombre: 0 1px 2px rgb(42 41 36 / .06), 0 8px 24px -8px rgb(42 41 36 / .18);--irise: linear-gradient(var(--angle), var(--or), var(--or-clair), var(--cerisier), var(--tendre), var(--or))}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:radial-gradient(1200px 600px at 50% -200px,#fffaf0 0%,transparent 70%),radial-gradient(800px 500px at 110% 110%,rgb(242 180 197 / .18),transparent 70%),radial-gradient(700px 500px at -10% 90%,rgb(184 220 159 / .16),transparent 70%),var(--fond);color:var(--encre);font:16px/1.55 var(--sans);-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.01em}.page{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom))}.centre{min-height:100dvh;display:grid;place-items:center}.message{color:var(--doux);text-align:center}.chargement{width:36px;height:36px;border-radius:50%;border:3px solid var(--trait);border-top-color:var(--or);animation:tourne .9s linear infinite}@keyframes tourne{to{transform:rotate(360deg)}}.surtitre{margin:0 0 .4rem;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--or);font-weight:600}.petales{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.petales span{position:absolute;top:-20px;background:var(--cerisier);border-radius:80% 0;opacity:.55;animation:tombe linear infinite}@keyframes tombe{0%{transform:translateY(-20px) rotate(0)}50%{transform:translate(40px,50vh) rotate(200deg)}to{transform:translate(-20px,105vh) rotate(420deg)}}.entete{text-align:center;padding:2rem 0 1rem}.entete h1{margin:0 auto;max-width:14em;font-size:clamp(1.9rem,7vw,3rem);line-height:1.1;color:var(--vert-fonce)}.sous-titre{margin:.9rem 0 0;color:var(--doux);font-size:.95rem}.regles{max-width:36rem;margin:1rem auto 1.5rem;padding:1rem 1.2rem;background:var(--papier);border:1px solid var(--trait);border-radius:14px;box-shadow:var(--ombre);font-size:.95rem}.regles p{margin:.4rem 0}.regles p:first-child{font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--vert)}.progression{max-width:36rem;margin:0 auto 1.5rem}.progression-texte{display:flex;align-items:center;gap:.5rem;margin-bottom:.45rem;color:var(--vert)}.progression-texte strong{font-variant-numeric:tabular-nums}.cle{width:30px;color:var(--or)}.barre{height:10px;border-radius:99px;background:var(--trait);overflow:hidden}.barre-pleine{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--or),var(--cerisier),var(--tendre));transition:width .8s cubic-bezier(.2,.8,.2,1)}.bravo{text-align:center;font-family:var(--serif);font-size:1.3rem;color:var(--vert);margin:0 0 1.5rem}.grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:720px){.grille{grid-template-columns:repeat(4,1fr);gap:16px}}.tuile{position:relative;width:100%;height:100%;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1rem .7rem;border-radius:16px;border:1px solid var(--trait);background:var(--papier);text-align:center;box-shadow:var(--ombre);transition:transform .2s,box-shadow .2s}button.tuile{cursor:pointer}button.tuile:active{transform:scale(.97)}@media(hover:hover){button.tuile:hover{transform:translateY(-2px)}}.tuile-numero{position:absolute;top:8px;left:12px;font-family:var(--serif);font-size:.9rem;color:var(--doux)}.petit-cadenas{width:34px;height:40px;color:var(--vert)}.tuile-titre{font-family:var(--serif);font-weight:600;font-size:1.02rem;line-height:1.2}.tuile-verdict{font-size:.8rem;color:var(--doux);line-height:1.3}.tuile-appel{margin-top:.2rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--vert-fonce);background:var(--or-clair);padding:.2rem .6rem;border-radius:99px}.tuile.ouvert{background:linear-gradient(160deg,var(--papier) 60%,rgb(184 220 159 / .25))}.tuile.ouvert .petit-cadenas{color:var(--or)}.tuile.a-ouvrir{border:2px solid transparent;background:linear-gradient(var(--papier),var(--papier)) padding-box,var(--irise) border-box;animation:irise 5s linear infinite;box-shadow:0 10px 30px -10px #c29b458c}.tuile.a-ouvrir .petit-cadenas{animation:hoche 2.6s ease-in-out infinite}@keyframes hoche{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-8deg)}90%{transform:rotate(7deg)}95%{transform:rotate(-3deg)}}@keyframes irise{to{--angle: 360deg}}.tuile.verrouille{opacity:.45;filter:grayscale(1);box-shadow:none;background:transparent;border-style:dashed}.lien-discret{display:block;margin:2.5rem auto 0;background:none;border:0;color:var(--doux);font-size:.82rem;text-decoration:underline;cursor:pointer}.retour{background:none;border:0;padding:.4rem 0;margin-bottom:1rem;color:var(--vert);font-weight:600;cursor:pointer}.question{margin:0 0 1rem;font-size:clamp(1.5rem,5.5vw,2.2rem);line-height:1.15;color:var(--vert-fonce)}.bouton{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.8rem 1.6rem;border-radius:99px;border:0;cursor:pointer;font-weight:700;letter-spacing:.02em;transition:transform .15s,opacity .15s}.bouton:active{transform:scale(.97)}.bouton:disabled{opacity:.6;cursor:default}.principal{background:var(--vert);color:var(--papier);box-shadow:0 10px 24px -10px #1f342ab3}.ecran-cadenas{max-width:560px}.indice{position:relative;margin:0 0 1rem;padding:1rem 1.1rem .9rem;background:var(--papier);border:1px solid var(--or-clair);border-left:4px solid var(--or);border-radius:12px;box-shadow:var(--ombre)}.indice-etiquette{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--or)}.indice p{margin:.25rem 0 0;font-family:var(--serif);font-size:1.1rem;font-style:italic}.compteur{text-align:center;color:var(--doux);font-size:.9rem;margin:1.2rem 0 .5rem}.formulaire-cadenas{display:flex;flex-direction:column;align-items:center;gap:1rem}.cadenas{position:relative;width:min(100%,340px);padding-top:92px;margin-top:.5rem}.cadenas.secoue{animation:secoue .5s cubic-bezier(.36,.07,.19,.97)}@keyframes secoue{10%,90%{transform:translate(-2px) rotate(-.5deg)}20%,80%{transform:translate(4px) rotate(1deg)}30%,50%,70%{transform:translate(-8px) rotate(-2deg)}40%,60%{transform:translate(8px) rotate(2deg)}}.anse{position:absolute;left:50%;top:0;width:58%;translate:-50% 0;z-index:0;overflow:visible}.anse path{transform-box:fill-box}.cadenas.ouvert .anse{animation:anse 1s cubic-bezier(.3,1.4,.5,1) forwards;transform-origin:80% 100%}@keyframes anse{0%{transform:translateY(0) rotate(0)}45%{transform:translateY(-34px) rotate(0)}to{transform:translateY(-34px) rotate(-28deg)}}.corps{position:relative;z-index:1;padding:1.6rem 1rem 1.2rem;border-radius:22px;background:radial-gradient(120% 80% at 30% 0%,rgb(255 255 255 / .55),transparent 55%),linear-gradient(160deg,#e8cf8c,#c29b45 55%,#9b7631);box-shadow:inset 0 2px #ffffff80,inset 0 -4px 10px #50370f59,0 18px 36px -14px #5a401499}.cadenas.ouvert .corps{animation:rebond .5s .35s ease-out}@keyframes rebond{50%{transform:translateY(4px)}}.corps-gravure{position:absolute;top:.45rem;left:50%;translate:-50% 0;font-family:var(--serif);font-size:.75rem;letter-spacing:.3em;color:#50370f8c}.molettes{display:flex;justify-content:center;gap:8px}.molette{display:flex;flex-direction:column;align-items:center;gap:4px}.cran{width:52px;height:36px;border:0;border-radius:10px;background:#fffaf259;color:#5c4317;font-size:.8rem;cursor:pointer}.cran:active{background:#fffaf299}.cran:disabled{opacity:.4}.fenetre{width:52px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(#2a2924,#46433b 50%,#2a2924);box-shadow:inset 0 3px 8px #0009,0 1px #fff6;color:var(--papier);font-family:var(--serif);font-variant-numeric:tabular-nums;touch-action:none;-webkit-user-select:none;user-select:none;cursor:ns-resize;overflow:hidden}.fenetre:focus-visible{outline:3px solid var(--vert);outline-offset:2px}.chiffre{font-size:2rem;line-height:1.1;font-weight:600;animation:cran .18s ease-out}.voisin{font-size:1rem;opacity:.3;line-height:1.3}@keyframes cran{0%{transform:translateY(6px);opacity:.4}}.champ-texte{display:block;width:100%;min-height:56px;padding:.7rem 1rem;border:0;border-radius:12px;background:#2a2924;box-shadow:inset 0 3px 8px #0009;color:var(--papier);font:600 1.4rem var(--serif);text-align:center;letter-spacing:.12em}.champ-texte::placeholder{color:#fffaf259;letter-spacing:.04em;font-weight:400}.champ-texte:focus{outline:3px solid var(--vert);outline-offset:2px}.refus{min-height:1.5em;margin:0;color:var(--refus);text-align:center;font-weight:600}.apres-ouverture{display:flex;flex-direction:column;align-items:center;gap:.6rem;animation:apparait .5s .8s both}.victoire{margin:0;font-family:var(--serif);font-style:italic;font-size:1.15rem;color:var(--vert)}@keyframes apparait{0%{opacity:0;transform:translateY(10px)}}.extraits{list-style:none;padding:0;margin:0 0 .5rem;display:grid;gap:8px}.extrait{width:100%;min-height:52px;display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem;border-radius:12px;border:1px solid var(--trait);background:var(--papier);cursor:pointer;text-align:left;font-weight:600}.extrait.joue{border-color:var(--or);box-shadow:0 0 0 3px #c29b4533}.extrait:disabled{opacity:.5;cursor:default}.extrait-icone{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--vert);color:var(--papier);font-size:.7rem}.extrait-manquant{margin-left:auto;font-size:.75rem;color:var(--refus);font-weight:400}.egaliseur{margin-left:auto;display:flex;gap:3px;align-items:flex-end;height:16px}.egaliseur i{width:3px;background:var(--or);animation:egalise .8s ease-in-out infinite}.egaliseur i:nth-child(2){animation-delay:-.3s}.egaliseur i:nth-child(3){animation-delay:-.6s}@keyframes egalise{0%,to{height:4px}50%{height:16px}}.consigne{color:var(--doux);margin:0 0 1rem}.cartes{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px max(9vw,16px) 24px;margin:0 -16px;scrollbar-width:none;overscroll-behavior-x:contain}.cartes::-webkit-scrollbar{display:none}.cartes.n1{justify-content:center}.emplacement{flex:0 0 min(82vw,330px);scroll-snap-align:center;perspective:1400px}@media(min-width:900px){.cartes{overflow:visible;justify-content:center;padding:10px 0 24px;margin:0}.emplacement{flex:0 1 300px}}.carte{--mx: 50%;--my: 30%;--rx: 0deg;--ry: 0deg;height:100%;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out;animation:distribue .6s calc(var(--rang) * .12s) cubic-bezier(.2,.9,.3,1.2) backwards}@keyframes distribue{0%{opacity:0;transform:translateY(40px) rotate(-6deg) scale(.9)}}.carte-interieur{display:grid;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,1.2,.4,1);cursor:pointer;border-radius:18px}.carte-interieur:focus-visible{outline:3px solid var(--vert);outline-offset:4px}.carte.retournee .carte-interieur{transform:rotateY(180deg);cursor:default}.carte-dos,.carte-face{grid-area:1 / 1;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.carte-dos{min-height:440px;padding:12px;background:repeating-linear-gradient(45deg,rgb(234 212 156 / .08) 0 2px,transparent 2px 14px),repeating-linear-gradient(-45deg,rgb(234 212 156 / .08) 0 2px,transparent 2px 14px),linear-gradient(160deg,var(--vert),var(--vert-fonce));box-shadow:0 16px 34px -14px #1f342ab3}.dos-cadre{height:100%;border:1.5px solid var(--or);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:var(--or-clair)}.dos-monogramme{font-family:var(--serif);font-size:3.4rem;letter-spacing:.05em}.dos-monogramme em{font-size:2.2rem;padding:0 .1em;color:var(--cerisier)}.dos-legende{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase}.carte:not(.retournee) .carte-interieur:hover .dos-cadre{border-color:var(--or-clair)}.carte-face{position:relative;transform:rotateY(180deg);display:flex;flex-direction:column;gap:.7rem;padding:16px 16px 18px;background:var(--papier);border:1px solid var(--trait);box-shadow:0 16px 34px -14px #2a292473;overflow:hidden}.face-haut{display:flex;flex-direction:column;gap:.3rem}.face-pastille{align-self:flex-start;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:.15rem .55rem;border-radius:99px;background:var(--trait);color:var(--doux)}.face-titre{margin:0;font-size:1.35rem;line-height:1.15;color:var(--vert-fonce)}.face-illustration{height:140px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle at 50% 40%,#fff,var(--fond));border:1px solid var(--trait);overflow:hidden}.face-illustration img{width:100%;height:100%;object-fit:cover}.emoji{font-size:4.2rem;line-height:1}.stats{margin:0;display:grid;gap:.3rem}.stat{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.82rem}.stat dt{color:var(--doux)}.stat dd{margin:0;display:flex;gap:3px}.stat i{width:18px;height:8px;border-radius:3px;background:var(--trait)}.stat i.plein{background:var(--vert)}.face-argument{margin:0;font-size:.92rem;font-style:italic;font-family:var(--serif)}.face-argumentaire{margin:0;font-size:.9rem}.face-indice{margin:.2rem 0 0;padding:.6rem .7rem;border-radius:10px;background:#ead49c59;border:1px dashed var(--or);font-size:.86rem}.carte.ecartee .carte-face{filter:saturate(.75)}.carte.ecartee .face-illustration{filter:grayscale(.35)}.carte.holo .carte-face{border:4px solid transparent;background:linear-gradient(160deg,#fffaf2,#fdf1f3 55%,#f3f9ec) padding-box,var(--irise) border-box;animation:irise 4s linear infinite;box-shadow:0 0 0 1px #c29b4540,0 0 26px -6px #f2b4c5cc,0 20px 44px -12px #d77a968c}.carte.holo .face-pastille{background:var(--irise);--angle: 100deg;color:var(--vert-fonce)}.carte.holo .stat i.plein{background:linear-gradient(90deg,var(--or),var(--cerisier),var(--tendre))}.carte.holo .face-illustration{background:radial-gradient(circle at 50% 40%,#fff,#f2b4c559)}.reflet{position:absolute;inset:0;pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--mx) var(--my),rgb(255 255 255 / .9),transparent 38%),linear-gradient(115deg,transparent 20%,rgb(234 212 156 / .7) 35%,rgb(242 180 197 / .7) 50%,rgb(184 220 159 / .7) 65%,transparent 80%);background-size:100% 100%,260% 260%;background-position:0 0,var(--mx) var(--my);opacity:.8}.carte.holo.retournee .reflet{animation:balaye 1.4s .5s ease-out}@keyframes balaye{0%{background-position:0 0,0% 0%}to{background-position:0 0,100% 100%}}.retour-cadenas{display:flex;margin:1rem auto 0;animation:apparait .4s both}.final-medley{max-width:520px;margin:1.5rem auto 0;padding:1.2rem;border-radius:16px;background:var(--papier);border:1px solid var(--trait);box-shadow:var(--ombre);opacity:0;visibility:hidden;transition:opacity .6s}.final-medley.visible{opacity:1;visibility:visible}.final-medley h2{margin:0 0 .7rem;font-size:1.3rem;color:var(--vert-fonce)}.final-medley audio{width:100%}.minutage{list-style:none;padding:0;margin:.8rem 0;display:grid;gap:.35rem}.minutage li{display:flex;gap:.8rem;font-size:.95rem}.temps{font-variant-numeric:tabular-nums;color:var(--or);font-weight:700;min-width:3em}.message-fin{margin:1rem 0 0;text-align:center;font-family:var(--serif);font-size:1.45rem;line-height:1.25;background:linear-gradient(90deg,var(--or),var(--rose),var(--vert));-webkit-background-clip:text;background-clip:text;color:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.petales{display:none}}