.dia{--dia-encre:#2a2219;--dia-papier:#fff8e8;--dia-papier-2:#f6e9cc;--dia-ombre:#2a221957;--dia-texte:#2f271d;--dia-teinte:#c9562a;--dia-teinte-encre:#fff;--dia-repli:radial-gradient(120% 80% at 50% 30%, #f6c27a 0%, #d9824a 45%, #6d3b2a 100%);--dia-boite-h:158px;--dia-bas-pad:max(14px, env(safe-area-inset-bottom));z-index:2147483000;color:var(--dia-texte);font-family:var(--pop-sans,"Nunito", sans-serif);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#3a2a1f;position:fixed;inset:0;overflow:hidden}.dia *,.dia :before,.dia :after{box-sizing:border-box}.dia .dia-cadre{position:absolute;inset:0;overflow:hidden}@media (width>=600px),(orientation:landscape) and (width>=480px){.dia{backdrop-filter:blur(10px)saturate(.8);background:#1c140da8}.dia .dia-cadre{border-left:3px solid var(--dia-encre);border-right:3px solid var(--dia-encre);width:min(100vw,56.25vh);margin:0 auto;left:0;right:0;box-shadow:0 0 60px #00000073}}.dia.dia-vieux{--dia-teinte:#c9562a;--dia-repli:radial-gradient(120% 80% at 50% 62%, #ffb45e 0%, #c8642f 40%, #3b2230 100%)}.dia.dia-gardienne{--dia-teinte:#138f8a;--dia-repli:radial-gradient(120% 80% at 50% 30%, #bfe6d6 0%, #4f9e86 45%, #1f4a43 100%)}.dia.dia-forgeronne{--dia-teinte:#a8352a;--dia-repli:radial-gradient(120% 80% at 50% 55%, #ffb36b 0%, #b5502e 45%, #341d18 100%)}.dia.dia-cartographe{--dia-teinte:#2c5390;--dia-repli:radial-gradient(120% 80% at 50% 35%, #f3dcae 0%, #b98a55 45%, #3c2b20 100%)}.dia.dia-eclaireuse{--dia-teinte:#d9801a;--dia-teinte-encre:#2a2219;--dia-repli:radial-gradient(120% 80% at 50% 25%, #ffe2a8 0%, #8fb7d9 50%, #2e4766 100%)}.dia.dia-jardiniere{--dia-teinte:#4a8b35;--dia-repli:radial-gradient(120% 80% at 50% 30%, #e9f3c4 0%, #8dbd6a 45%, #2d4a26 100%)}.dia.dia-pecheur{--dia-teinte:#e3b21c;--dia-teinte-encre:#2a2219;--dia-repli:radial-gradient(120% 80% at 50% 30%, #d8eef5 0%, #6fa9c4 45%, #1f3d52 100%)}.dia.dia-sculpteur{--dia-teinte:#3b5d9c;--dia-repli:radial-gradient(120% 80% at 50% 30%, #f1e7d4 0%, #b7a68c 45%, #4a3f33 100%)}.dia .dia-fond{background:var(--dia-repli);animation:.9s cubic-bezier(.2,.7,.2,1) both diaFond;position:absolute;inset:0}.dia .dia-fond img{object-fit:cover;object-position:50% 40%;pointer-events:none;width:100%;height:100%;display:block}.dia .dia-voile{background:linear-gradient(#140e082e 0%,#140e0800 22% 52%,#140e086b 100%);position:absolute;inset:0}.dia .dia-quitter{z-index:5;top:max(12px, env(safe-area-inset-top));min-height:44px;font:800 15px/1 var(--pop-sans,"Nunito", sans-serif);color:var(--dia-encre);background:var(--dia-papier);border:2.5px solid var(--dia-encre);box-shadow:0 3px 0 var(--dia-encre);cursor:pointer;border-radius:22px 18px 20px 24px;align-items:center;gap:8px;padding:6px 8px 6px 16px;animation:.5s cubic-bezier(.2,.8,.3,1.2) .55s both diaDescend;display:inline-flex;position:absolute;right:12px}.dia .dia-quitter:active{box-shadow:0 1px 0 var(--dia-encre);transform:translateY(2px)}.dia .dia-croix{background:var(--dia-encre);width:28px;height:28px;color:var(--dia-papier);border-radius:50%;place-items:center;padding-bottom:2px;font-size:20px;line-height:1;display:inline-grid}.dia .dia-bas{z-index:3;max-height:calc(100% - 70px);padding:0 12px var(--dia-bas-pad);pointer-events:none;flex-direction:column;align-items:stretch;display:flex;position:absolute;bottom:0;left:0;right:0}.dia .dia-bas>*{pointer-events:auto}.dia .dia-perso{z-index:2;left:50%;bottom:calc(var(--dia-bas-pad) + var(--dia-boite-h) - 46px);cursor:pointer;justify-content:center;align-items:flex-end;width:min(80%,430px);height:min(64dvh,100dvh - 250px);animation:.75s cubic-bezier(.2,.9,.25,1.15) .2s both diaPerso;display:flex;position:absolute;transform:translate(-50%)}.dia .dia-perso img{object-fit:contain;object-position:50% 100%;pointer-events:none;transform-origin:50% 100%;filter:drop-shadow(0 10px 14px #140e0859);max-width:100%;max-height:100%;animation:3.8s ease-in-out 1.2s infinite diaRespire;display:block}.dia .dia-saut{justify-content:center;align-items:flex-end;width:100%;height:100%;transition:transform .38s cubic-bezier(.3,.8,.3,1);display:flex}.dia.choisit .dia-saut{transform:translate(-22%)}.dia .dia-perso.parle .dia-saut{animation:.34s ease-in-out infinite diaParle}.dia .dia-boite{width:100%;max-width:560px;min-height:var(--dia-boite-h);text-align:left;font:700 18px/1.45 var(--pop-sans,"Nunito", sans-serif);color:var(--dia-texte);background:radial-gradient(140% 90% at 20% 0%, var(--dia-papier) 0%, var(--dia-papier) 55%, var(--dia-papier-2) 100%);border:3px solid var(--dia-encre);box-shadow:0 5px 0 var(--dia-encre), 0 16px 30px var(--dia-ombre);cursor:pointer;border-radius:30px 26px 34px 22px/26px 30px 24px 32px;flex:none;margin:0 auto;padding:26px 22px 22px;animation:.6s cubic-bezier(.2,.8,.25,1.12) .4s both diaBoite;display:block;position:relative}.dia .dia-boite:focus-visible{outline:2.5px dashed var(--dia-encre);outline-offset:4px}.dia .dia-nom{font:900 17px/1.1 var(--pop-display,"Fraunces", Georgia, serif);letter-spacing:.01em;color:var(--dia-teinte-encre);background:var(--dia-teinte);border:2.5px solid var(--dia-encre);box-shadow:0 3px 0 var(--dia-encre);white-space:nowrap;border-radius:999px/60% 60% 70% 70%;padding:6px 18px 7px;animation:.55s cubic-bezier(.2,.9,.3,1.5) .75s both diaPlaque;position:absolute;top:-20px;left:16px;transform:rotate(-4deg)}.dia .dia-texte{min-height:2.9em;display:block}.dia .dia-reste{color:#0000}.dia .dia-lu{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dia .dia-avance{color:var(--dia-teinte);text-shadow:0 1px 0 var(--dia-encre);font-size:15px;animation:.9s ease-in-out infinite diaAvance;position:absolute;bottom:8px;right:18px}.dia .dia-choix{z-index:2;flex-direction:column;flex:0 auto;align-self:flex-end;align-items:flex-end;gap:7px;max-width:min(86%,400px);min-height:0;margin:0 4px 12px auto;padding:2px 2px 4px;display:flex;position:relative;overflow-y:auto}.dia .dia-un-choix{text-align:left;min-height:44px;font:800 16px/1.25 var(--pop-sans,"Nunito", sans-serif);color:var(--dia-encre);background:var(--dia-papier);border:2.5px solid var(--dia-encre);box-shadow:0 3px 0 var(--dia-encre);cursor:pointer;animation:diaChoix .32s calc(var(--i,0) * 45ms) cubic-bezier(.2, .9, .3, 1.25) both;border-radius:20px 16px 22px 14px;align-items:center;gap:10px;padding:9px 18px 9px 12px;display:inline-flex}.dia .dia-choix.nombreux{gap:5px}.dia .dia-choix.nombreux .dia-un-choix{min-height:40px;padding:7px 15px 7px 11px;font-size:15.5px}.dia .dia-un-choix:hover{background:#fff}.dia .dia-un-choix:focus-visible{outline:2.5px dashed var(--dia-papier);outline-offset:3px}.dia .dia-un-choix:active{box-shadow:0 1px 0 var(--dia-encre);transform:translateY(2px)}.dia .dia-puce{background:var(--dia-teinte);border:2px solid var(--dia-encre);border-radius:2px;flex:none;width:11px;height:11px;transform:rotate(45deg)}.dia .dia-un-choix.deja{color:#6b5f4d;background:var(--dia-papier-2)}.dia .dia-un-choix.deja .dia-puce{background:0 0;border-radius:50%;transform:none}.dia .dia-un-choix.agit{background:var(--dia-teinte);color:var(--dia-teinte-encre)}.dia .dia-un-choix.agit .dia-puce{background:var(--dia-papier);clip-path:polygon(0 0,100% 50%,0 100%);border:0;width:10px;transform:none}.dia .dia-un-choix.sortie .dia-puce{background:var(--dia-encre);border-radius:50%;transform:none}.dia.sans-perso .dia-choix{margin-top:0}@keyframes diaFond{0%{filter:brightness(.25)saturate(.6);transform:scale(1.07)}to{filter:none;transform:none}}@keyframes diaPerso{0%{opacity:0;transform:translate(-50%,70px)}to{opacity:1;transform:translate(-50%)}}@keyframes diaBoite{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:none}}@keyframes diaPlaque{0%{opacity:0;transform:rotate(-16deg)scale(.4)}to{opacity:1;transform:rotate(-4deg)}}@keyframes diaDescend{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}@keyframes diaRespire{0%,to{transform:scale(1)}50%{transform:scale(1.012,.988)}}@keyframes diaParle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes diaAvance{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.55;transform:translateY(3px)}}@keyframes diaChoix{0%{opacity:0;transform:translate(24px)scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dia *,.dia{transition:none!important;animation:none!important}}@media (width<=370px){.dia{--dia-boite-h:150px}.dia .dia-boite{padding:24px 18px 20px;font-size:17px}.dia .dia-un-choix{font-size:15.5px}.dia .dia-nom{font-size:16px}}@media (height<=640px){.dia .dia-perso{height:calc(100dvh - 220px)}}