@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600&family=Gelasio:ital,wght@0,400;0,500;1,400&display=swap";:root{--haut: env(safe-area-inset-top, 0px);--bas: env(safe-area-inset-bottom, 0px);font-family:DM Sans,sans-serif;color:#fff4ea;background:#241a21;font-synthesis:none;font-weight:400;--cream: #fff4ea;--pink: #f1b8c4;--muted: #c4acb5;--gold: #e8c48d}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.letter-body,.memory-text,.screen-texte h2{-webkit-user-select:text;user-select:text}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Gelasio,Georgia,serif;font-weight:400}.experience{min-height:100svh;min-height:100dvh;position:relative;isolation:isolate;overflow:hidden;background:#241a21}.ambient-grain{position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:9px;font-weight:500;color:var(--muted)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;border:1px solid #f1c4cb;background:#f0c2cc;color:#46303b;padding:14px 26px;border-radius:8px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.primary:hover{background:#ffdae2}.primary:active{transform:scale(.98)}.text-button{border:0;background:none;font-size:12px;color:var(--muted);padding:14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.intro{min-height:100svh;min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:calc(38px + var(--haut)) 22px calc(34px + var(--bas))}.intro-eyebrow{font-size:9px;letter-spacing:.23em}.intro-art{width:220px;height:215px;position:relative;display:grid;place-items:center;margin:30px 0 15px}.orbit{position:absolute;border:1px solid #a47d7130;border-radius:50%;width:200px;height:200px}.orbit-two{width:154px;height:154px}.intro-envelope{width:98px;height:70px;background:#ead8c1;box-shadow:0 15px 50px #0003;transform:rotate(-9deg);border-radius:3px;position:relative;display:grid;place-items:center;animation:breathe 5s ease-in-out infinite}.intro-envelope:before{content:"";position:absolute;top:0;left:0;border-left:49px solid transparent;border-right:49px solid transparent;border-top:39px solid #f9e9d2}.intro-envelope span{z-index:1;margin-top:9px;color:#ac6e7e;font-size:24px}.little-star{position:absolute;color:var(--gold)}.s1{right:17px;top:52px;font-size:21px}.s2{left:20px;bottom:38px;font-size:26px}.s3{left:37px;top:20px;font-size:30px}.intro-pretitle{font-size:12px;color:#e1bac5;margin:20px 0 30px}.intro h1{font-size:clamp(31px,5vw,52px);line-height:1.2;letter-spacing:-.045em}.intro h1 em{font-weight:400;color:#e3b8c0}.intro-description{font-size:11px;line-height:1.9;color:var(--muted);margin:22px 0 27px}.enter-button{min-width:177px}.intro-dedication{font-size:11px;color:#dbc1c8;margin-top:26px}.intro-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#e8a9b52e 0%,transparent 68%)}.intro-footer{font-family:Gelasio,serif;font-style:italic;color:#b998a4;font-size:12px;margin-top:auto;padding-top:38px}.entered{height:100dvh;min-height:600px}.world-header{position:absolute;z-index:20;top:calc(12px + var(--haut));left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.world-header>div{pointer-events:auto}.world-title{min-width:0}.world-header h1{font-size:20px;letter-spacing:-.045em;margin-top:4px;white-space:nowrap}.world-header h1 span{font-family:Georgia;color:var(--pink);margin-left:4px}.world-header p{font-size:11px;color:var(--muted);margin-top:9px}.sound-button{background:transparent;border:1px solid #bda2ac40;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:#dec1cb}.sound-button.playing{border-color:#e8c48d}.sound-area{position:relative}.sound-popover{position:absolute;right:0;top:50px;width:220px;padding:16px;background:#3c2b35;border:1px solid #755661;border-radius:10px;display:grid;gap:12px;box-shadow:0 10px 40px #0004}.sound-popover button{border:0;background:none;padding:8px 0;text-align:left;font-size:12px}.sound-popover label{font-size:11px;display:grid;gap:8px}.sound-popover input{width:100%;accent-color:#e1a8b8}.sound-popover small{font-size:10px;color:var(--muted)}.progress{position:relative;margin-left:auto;width:50px;height:50px;display:flex;align-items:center;justify-content:center;gap:1px;pointer-events:auto;flex:none}.progress svg{position:absolute;inset:0;transform:rotate(-90deg);overflow:visible}.progress circle{fill:none;stroke-width:2;stroke-linecap:round}.ring-track{stroke:#bda2ac40}.ring-fill{stroke:#e6b3bf;filter:drop-shadow(0 0 6px #e6b3bf66);transition:stroke-dashoffset .9s var(--ease-out, ease-out)}.progress[data-done="5"] .ring-fill{stroke:var(--gold);filter:drop-shadow(0 0 8px #e8c48d88)}.progress b{font-size:15px;font-weight:500;color:#f7e4e8;line-height:1;animation:compteur .64s var(--ease-out, ease-out) both}.progress i{align-self:flex-end;margin-bottom:15px;font-style:normal;font-size:8px;letter-spacing:.02em;color:#9c8290}@keyframes compteur{0%{opacity:0;transform:translateY(7px) scale(.7)}60%{transform:translateY(0) scale(1.18)}to{opacity:1;transform:none}}.scene-container{position:absolute;inset:0 -3%;touch-action:none;transition:opacity 1s}.entered:before,.entered:after{content:"";position:absolute;left:0;right:0;height:150px;pointer-events:none;z-index:4;transition:opacity .6s}.entered:before{top:0;background:linear-gradient(#241a21e6,#241a2166 55%,#241a2100)}.entered:after{bottom:0;height:260px;background:linear-gradient(#241a2100,#241a219e 45%,#241a21ee)}.experience.focused .world-header,.experience.focused .progress,.experience.focused:before{opacity:0;pointer-events:none;animation:none}.world-header,.progress,.world-footer,.memory-marker,.pet-touch{transition:opacity .9s}.experience.entered.world-ready:not(.arrived) .world-header,.experience.entered.world-ready:not(.arrived) .progress,.experience.entered.world-ready:not(.arrived) .world-footer,.experience.entered.world-ready:not(.arrived) .memory-marker,.experience.entered.world-ready:not(.arrived) .pet-touch{opacity:0;pointer-events:none;animation:none}.scene-container canvas{outline:none}.world-footer{position:absolute;z-index:15;bottom:calc(17px + var(--bas));left:20px;right:20px;text-align:center;pointer-events:none}.world-footer button{pointer-events:auto}.world-footer>.eyebrow{font-size:8px;letter-spacing:.17em}.world-footer>p{font-size:10px;color:var(--muted);margin-top:8px}.hint-button{pointer-events:auto;background:none;border:0;margin:16px auto 12px;display:block;font-size:10px;letter-spacing:.06em;color:#a98a97;text-decoration:underline;text-underline-offset:4px;padding:8px 10px}.memory-dock{display:flex;justify-content:center;gap:4px;margin:14px auto 10px;padding:6px;width:fit-content;max-width:100%;border-radius:999px;background:#3423304d;border:1px solid #bda2ac2e;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 10px 30px #140b1340}.memory-dock.shown{animation:dock-in .6s var(--ease-out, ease-out) both}@keyframes dock-in{0%{opacity:0;transform:translateY(14px)}}.memory-dock button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;color:#cfafb9;padding:7px 8px 6px;background:none;border:0;border-radius:999px;min-width:52px;min-height:48px;transition:background .22s,color .22s,transform .22s var(--ease-out, ease-out);animation:dock-pastille .46s var(--ease-out, ease-out) both;animation-delay:calc(var(--rang, 0) * 55ms + .12s)}.memory-dock button:hover{background:#ffffff14;transform:translateY(-3px)}.memory-dock button:active{transform:translateY(-1px) scale(.96)}.dock-icon{display:grid;place-items:center;width:24px;height:24px}.dock-label{font-size:9px;letter-spacing:.02em}.memory-dock button.found{color:#f2d3a0;background:#e8c48d1f}.memory-dock button.found .dock-icon{filter:drop-shadow(0 0 7px #e8c48d80)}@keyframes dock-pastille{0%{opacity:0;transform:translateY(10px) scale(.9)}}.footer-line .restart-button{margin:0}.footer-line{display:flex;align-items:center;justify-content:center;gap:14px}.footer-signature{font-family:Gelasio,serif;font-style:italic;font-size:10px;color:#b3909f}.rotating-hint{min-height:17px}.rotating-hint span{display:inline-block;animation:hint-swap .48s var(--ease-out, ease-out) both}@keyframes hint-swap{0%{opacity:.15;transform:translateY(6px)}}.discovery{position:absolute;z-index:26;top:calc(84px + var(--haut));left:50%;display:flex;align-items:center;gap:11px;padding:9px 17px 9px 10px;border-radius:999px;background:#fff4eaf2;color:#66454f;box-shadow:0 12px 34px #150c1466;pointer-events:none;animation:discovery-pop 2.8s var(--ease-out, ease-out) both}.discovery-icon{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f6dcc6;color:#9a6353}.discovery-icon i{position:absolute;inset:-4px;border-radius:50%;border:1px solid #d9a68c;animation:discovery-onde 1.4s ease-out both}.discovery-text{display:grid;gap:2px;line-height:1.25}.discovery-text b{font-family:Gelasio,serif;font-weight:400;font-size:15px}.discovery-text small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#a5808a}.discovery-sparks i{position:absolute;left:27px;top:50%;width:4px;height:4px;border-radius:50%;background:#e8c48d;animation:discovery-etincelle 1.1s ease-out both}.discovery-sparks i:nth-child(1){--dx: -26px;--dy: -24px}.discovery-sparks i:nth-child(2){--dx: 4px;--dy: -32px;animation-delay:60ms}.discovery-sparks i:nth-child(3){--dx: 30px;--dy: -20px;animation-delay:.12s}.discovery-sparks i:nth-child(4){--dx: -30px;--dy: 18px;animation-delay:40ms}.discovery-sparks i:nth-child(5){--dx: 2px;--dy: 30px;animation-delay:.15s}.discovery-sparks i:nth-child(6){--dx: 28px;--dy: 22px;animation-delay:90ms}@keyframes discovery-pop{0%{opacity:0;transform:translate(-50%,-14px) scale(.88)}9%{opacity:1;transform:translate(-50%) scale(1.04)}15%{transform:translate(-50%) scale(1)}86%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-12px) scale(.96)}}@keyframes discovery-onde{0%{opacity:.9;transform:scale(.75)}to{opacity:0;transform:scale(2.1)}}@keyframes discovery-etincelle{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}@media(prefers-reduced-motion:reduce){.discovery-sparks{display:none}}.memory-marker{padding:8px;background:none;border:0;width:44px;height:44px;display:grid;place-items:center}.memory-marker>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#fff3dc;color:#785247;border:1px solid #e8c89d;box-shadow:0 2px 12px #45301a20;transition:transform .2s}.memory-marker:hover>span{transform:translateY(-3px)}.memory-marker.discovered>span{width:21px;height:21px;font-size:11px;background:#dbc294;color:#654c33}.pet-touch{border:0;background:#fff4eacc;border-radius:999px;padding:3px 10px;box-shadow:0 4px 12px #2b19232e;color:#69434b;font-family:Gelasio,serif;font-size:11px;white-space:nowrap;min-height:30px}.pet-touch span{display:none}.pet-touch.is-happy{font-size:19px;color:#ab4e70}.loading-screen{position:absolute;z-index:30;inset:190px 0 155px;background:#241a21;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;text-align:center}.loading-star{font-size:48px;color:var(--gold);animation:breathe 2s ease-in-out infinite}.loading-screen p{font-family:Gelasio,serif;font-size:21px}.loading-screen small{font-size:11px;color:var(--muted)}.loading-track{height:2px;background:#543d48;width:120px;overflow:hidden}.loading-track i{display:block;height:100%;background:var(--pink);transform-origin:left}.fallback-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:30px;background:#241a21}.fallback-screen p{font-size:12px;line-height:1.8;max-width:320px;color:var(--muted)}.pet-fallback{width:170px;text-align:center;font-size:12px;color:#6a4c55;background:#fff4ea;padding:12px;border-radius:8px}.close-button{position:absolute;right:10px;top:10px;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:#75555f}.memory-text{white-space:pre-line;font-size:13px;line-height:1.9;margin:20px 0;color:#866670}.letter-body{white-space:pre-line;text-align:left;font-family:Gelasio,serif;font-size:16px;line-height:1.9;margin-top:26px}.music-note{font-size:11px;line-height:1.7;color:#98757e;font-style:italic}.final-star{border:0;background:#fff1cf;color:#886a41;border-radius:50%;width:44px;height:44px;font-size:32px;box-shadow:0 0 25px #edc98444}.final-invitation>p{font-size:12px;color:#ecd4c2;margin-bottom:15px}.final-invitation>.primary{font-size:11px;min-height:47px;padding:10px 18px;gap:10px}.final-invitation~.memory-dock{margin-top:12px;margin-bottom:7px}.final-message{position:absolute;z-index:18;bottom:0;left:0;right:0;text-align:center;padding:32px 25px calc(24px + var(--bas));background:linear-gradient(0deg,#241a21 83%,#241a2100);animation:final-in 1s ease-out}.final-message h2{font-size:31px;margin:16px 0}.final-message h2 span{color:var(--pink)}.final-message h3{font-size:21px;color:#e7bbc7}.final-message p{font-size:12px;line-height:1.85;max-width:380px;margin:16px auto 22px;color:#d3b6c1}.final-message .text-button{display:flex;margin:8px auto 0;font-size:10px}.finale .scene-container{bottom:270px;top:110px}.heart-shower{position:absolute;inset:0;pointer-events:none;z-index:50;overflow:hidden}.heart-shower span{position:absolute;bottom:0;color:#df96aa;opacity:0;animation:heart-rise 3.5s ease-out both}.debug{position:absolute;z-index:100;bottom:0;left:0;background:#111;color:#fff;font:11px monospace;padding:10px}.debug button{color:#000}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{50%{transform:translateY(-7px) rotate(-5deg)}}@keyframes heart-rise{0%{opacity:0;transform:translateY(0) rotate(-10deg)}12%{opacity:.8}to{opacity:0;transform:translateY(-75dvh) rotate(20deg)}}@media(min-width:700px){.intro-art{margin-top:45px}.intro-description{font-size:13px}.intro-eyebrow{font-size:10px}.world-header{left:48px;right:48px;top:40px}.world-header h1{font-size:26px}.scene-container{inset:40px 6% 105px}.world-footer{bottom:25px}.memory-dock{gap:8px}.memory-dock .dock-label{font-size:10px}.world-footer>.eyebrow{font-size:9px}.world-footer>p{font-size:12px}.final-message{left:50%;transform:translate(-50%);width:600px;border-radius:20px 20px 0 0}.finale .scene-container{inset:20px 0 280px}.final-message h2{font-size:39px}}@media(min-width:1200px){.world-header{top:45px;left:60px;right:60px}.scene-container{inset:20px 20% 85px}.world-footer{bottom:22px}.intro-art{width:250px;height:245px;margin-top:35px}.intro h1{font-size:49px}.intro-footer{padding-top:28px}.finale .scene-container{inset:0 20% 260px}}@media(max-height:740px)and (max-width:699px){.intro-art{height:150px;margin-top:16px;margin-bottom:10px;transform:scale(.8)}.intro h1{font-size:29px}.intro-description{margin:16px 0 20px}.intro-footer{padding-top:22px}.world-header{top:22px}.world-header h1{font-size:18px}.scene-container{inset:70px -6% 95px}.world-footer>.eyebrow,.world-footer>p{display:none}.memory-dock{margin-bottom:6px}.final-message h2{font-size:27px}.final-message p{font-size:11px}}.finale .memory-marker,.finale .pet-touch,.finale .progress{display:none}.finale .world-header h1,.finale .world-header p{visibility:hidden}.finale .scene-container{mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.heart-shower{display:none}}@keyframes final-in{0%{opacity:0}to{opacity:1}}:root{--ease-out: cubic-bezier(.22,1,.36,1)}.world-ready .scene-container{animation:world-reveal .85s var(--ease-out) both}.entered .world-header{animation:content-reveal .55s var(--ease-out) both}.memory-marker:not(.discovered)>span{animation:marker-breathe 5s ease-in-out infinite}.memory-marker.discovered>span{animation:discovered .32s var(--ease-out) both}.pet-hearts{pointer-events:none;position:absolute;inset:0}.pet-hearts i{position:absolute;left:45%;top:0;font-style:normal;color:#c36d89;font-size:19px;opacity:0;animation:pet-heart 1.7s var(--ease-out) both;--drift: -24px}.pet-hearts i:nth-child(2){--drift: 4px;animation-delay:.14s;font-size:14px}.pet-hearts i:nth-child(3){--drift: 29px;animation-delay:.26s;font-size:17px}.pet-touch.is-happy{animation:discovered .26s var(--ease-out)}.wish{animation:content-reveal .5s var(--ease-out) both}.final-invitation{animation:content-reveal .6s var(--ease-out) both}.final-message h2{animation:content-reveal .65s var(--ease-out) both}.final-message h3{animation:content-reveal .65s .35s var(--ease-out) both}.final-message>p{animation:content-reveal .7s .65s var(--ease-out) both}.sound-popover{animation:content-reveal .2s var(--ease-out) both}@keyframes world-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes content-reveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes marker-breathe{0%,70%,to{transform:translateY(0)}85%{transform:translateY(-3px)}}@keyframes discovered{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pet-heart{0%{opacity:0;transform:translate(0) scale(.65)}18%{opacity:.9}to{opacity:0;transform:translate(var(--drift),-65px) scale(1)}}@media(prefers-reduced-motion:reduce){.pet-hearts{display:none}}.vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(115% 70% at 50% 46%,transparent 38%,#150d14 100%)}.cake-hud{position:absolute;inset:0;z-index:25;pointer-events:none;color:#fff4ea;text-align:center;animation:hud-in .42s var(--ease-out, ease-out) both}.cake-hud>*{pointer-events:auto}body:has(.cake-hud) .memory-marker,body:has(.cake-hud) .pet-touch{opacity:0;pointer-events:none}.cake-voile{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#1a1016b3,#1a101600 24% 74%,#1a1016b8)}.cake-titre{position:absolute;top:calc(28px + var(--haut));left:64px;right:64px}.cake-titre h2{font-size:22px;margin:6px 0 0}.cake-bas{position:absolute;left:26px;right:26px;bottom:calc(44px + var(--bas));display:flex;flex-direction:column;align-items:center;gap:14px}.cake-bougies{display:flex;gap:10px;height:8px}.cake-bougies i{width:7px;height:7px;border-radius:50%;background:#e8c48d;box-shadow:0 0 8px #e8c48d;transition:opacity .38s ease,transform .38s var(--ease-out, ease-out);animation:flamme 1.6s ease-in-out infinite}.cake-bougies i:nth-child(2){animation-delay:.22s}.cake-bougies i:nth-child(3){animation-delay:.47s}.cake-bougies i.out{background:#fff3;box-shadow:none;transform:scale(.7);animation:none}.cake-pastille{--souffle: 0;width:64px;height:64px;border-radius:50%;border:1px solid #ffffff40;background:#fff4ea1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff4ea;display:grid;place-items:center;box-shadow:0 0 0 calc(10px + 24px * var(--souffle)) #e8c48d2b,0 0 0 calc(22px + 48px * var(--souffle)) #e8c48d12,0 0 calc(30px + 50px * var(--souffle)) #e8c48d66;transition:box-shadow .12s linear,transform .16s var(--ease-out, ease-out)}.cake-pastille:active{transform:scale(.94)}.cake-hud[data-state=listening] .cake-pastille{animation:pastille-respire 2.4s ease-in-out infinite}.cake-legende{margin:0;font-size:12px;color:#c4acb5;display:flex;flex-direction:column;gap:4px}.cake-legende .text-button{margin:0;color:#e8c48d}.cake-fin .memory-text{color:#e9d9d0;margin:0}.cake-voeu{font-family:Gelasio,serif;font-size:30px;margin:0}@keyframes hud-in{0%{opacity:0}to{opacity:1}}@keyframes pastille-respire{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.restart-button{display:block;margin:12px auto 0;padding:8px 14px;min-height:36px;border:0;background:none;font-size:10px;letter-spacing:.08em;color:#8f7480;pointer-events:auto}.restart-button:hover{color:var(--pink)}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.intro>*{animation:intro-rise .9s var(--ease-out) both}.intro-art{animation-delay:60ms}.intro h1{animation-delay:.3s}.intro-pretitle{animation-delay:.48s}.intro .enter-button{animation-delay:.66s}.intro-dedication{animation-delay:.84s}.orbit-one{animation:orbit-spin 34s linear infinite}.orbit-two{animation:orbit-spin 23s linear infinite reverse}.orbit:after{content:"";position:absolute;top:-2px;left:50%;width:4px;height:4px;border-radius:50%;background:#e9c48d;box-shadow:0 0 9px #e9c48d}.intro-envelope{animation:envelope-float 6s ease-in-out infinite}.intro-envelope span{animation:heart-beat 2.6s ease-in-out infinite;display:block}.little-star{animation:twinkle 3.4s ease-in-out infinite}.s2{animation-delay:.9s}.s3{animation-delay:1.7s}.intro .enter-button{position:relative}.intro .enter-button:after{content:"";position:absolute;inset:-18px;z-index:-1;border-radius:999px;background:radial-gradient(circle,#f1b8c433,transparent 70%);animation:enter-halo 3.6s ease-in-out infinite;pointer-events:none}@keyframes intro-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes envelope-float{0%,to{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-11px)}}@keyframes heart-beat{0%,to{transform:scale(1)}18%{transform:scale(1.22)}36%{transform:scale(1)}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.82)}50%{opacity:1;transform:scale(1.12)}}@keyframes enter-halo{0%,to{opacity:.4;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.intro>*,.orbit,.intro-envelope,.intro-envelope span,.little-star{animation:none}.intro .enter-button:after{animation:none}}.world-header h1,.world-header p,.world-header .eyebrow,.progress{text-shadow:0 2px 14px #241a21cc}.memory-marker:not(.discovered)>span:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #f4d9a8;animation:lueur 3.2s ease-out infinite;pointer-events:none}.memory-marker>span{position:relative}@keyframes lueur{0%{opacity:.55;transform:scale(.9)}70%,to{opacity:0;transform:scale(1.75)}}.primary{position:relative;overflow:hidden}.primary:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,#fff0,#ffffffa8,#fff0);transform:skew(-18deg);opacity:0;pointer-events:none}.primary:hover:before{animation:reflet .85s ease-out}@keyframes reflet{0%{left:-60%;opacity:.9}to{left:120%;opacity:0}}.sound-button.playing{animation:son-vivant 2.4s ease-in-out infinite}@keyframes son-vivant{0%,to{box-shadow:0 0 #e8c48d00}50%{box-shadow:0 0 0 5px #e8c48d1f}}.experience.arrived .world-title{animation:content-reveal .7s var(--ease-out) both}.experience.arrived .progress{animation:content-reveal .7s .13s var(--ease-out) both}.experience.arrived .sound-area{animation:content-reveal .7s .24s var(--ease-out) both}.experience.arrived .world-footer{animation:content-reveal .8s .33s var(--ease-out) both}@media(prefers-reduced-motion:reduce){.memory-marker:not(.discovered)>span:after,.sound-button.playing{animation:none}}.intro-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.intro-sky i{position:absolute;border-radius:50%;filter:blur(46px)}.intro-sky i:first-child{width:66vw;height:66vw;max-width:560px;max-height:560px;top:-8vw;left:-10vw;background:radial-gradient(circle,#a3567480,transparent 70%);animation:voile-a 21s ease-in-out infinite}.intro-sky i:last-child{width:58vw;height:58vw;max-width:480px;max-height:480px;bottom:-6vw;right:-8vw;background:radial-gradient(circle,#b67c4566,transparent 70%);animation:voile-b 27s ease-in-out infinite}@keyframes voile-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(7vw,5vh) scale(1.14)}}@keyframes voile-b{0%,to{transform:translate(0) scale(1.08)}50%{transform:translate(-6vw,-6vh) scale(.94)}}.intro-motes{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.intro-motes i{position:absolute;bottom:-12px;left:calc(4% + var(--i) * 7%);width:3px;height:3px;border-radius:50%;background:#f0d3ae;opacity:0;animation:poussiere 17s linear infinite;animation-delay:calc(var(--i) * -1.35s)}.intro-motes i:nth-child(2n){width:2px;height:2px;background:#e8b2c0;animation-duration:22s}@keyframes poussiere{0%{opacity:0;transform:translate(0)}12%{opacity:.75}80%{opacity:.35}to{opacity:0;transform:translate(26px,-104vh)}}@media(prefers-reduced-motion:reduce){.intro-motes{display:none}.intro-sky i{animation:none}}@keyframes flamme{0%,to{transform:scaleY(1) scaleX(1)}35%{transform:scaleY(1.22) scaleX(.9)}70%{transform:scaleY(.92) scaleX(1.06)}}.progress[data-done="5"]{animation:anneau-complet 1.6s ease-in-out 2}@keyframes anneau-complet{0%,to{filter:none}50%{filter:drop-shadow(0 0 10px #e8c48d66)}}@media(prefers-reduced-motion:reduce){.cake-bougies i,.cake-pastille,.progress[data-done="5"]{animation:none}}.memory-screen{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#1d1219;color:#fff4ea;animation:ecran-in .42s var(--ease-out) both}.memory-screen::backdrop{background:#120b11;animation:veil-ecran .3s ease-out both}.memory-screen.is-closing{animation:ecran-out .22s ease-in both;pointer-events:none}.screen-fond{position:absolute;inset:0;background:radial-gradient(56% 38% at 50% 37%,var(--teinte),transparent 72%),radial-gradient(125% 78% at 50% 32%,color-mix(in srgb,var(--teinte) 38%,#1d1219),transparent 76%),#1d1219;overflow:hidden}.screen-fond:after{content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.screen-fond img{width:100%;height:100%;object-fit:cover;display:block;animation:approche 16s ease-out both}.screen-sceau svg{stroke-width:.9}.screen-sceau{position:absolute;top:33%;left:50%;--sceau: 1;transform:translate(-50%,-50%) scale(var(--sceau));color:#fff4ea;opacity:.17;animation:sceau-in 1.4s var(--ease-out) both}.screen-poussieres{position:absolute;inset:0;pointer-events:none}.screen-poussieres i{position:absolute;bottom:-10px;left:calc(8% + var(--i) * 10%);width:3px;height:3px;border-radius:50%;background:#ffe6c8;opacity:0;animation:poussiere-ecran 15s linear infinite;animation-delay:calc(var(--i) * -1.7s)}.screen-poussieres i:nth-child(2n){width:2px;height:2px;animation-duration:19s}@keyframes poussiere-ecran{0%{opacity:0;transform:translate(0)}14%{opacity:.5}76%{opacity:.22}to{opacity:0;transform:translate(22px,-92vh)}}.screen-voile{position:absolute;inset:0;background:linear-gradient(#1d12194d 0 11%,#1d121900 28%,#1d1219c4 58%,#1d1219 84%)}.screen-jalons{position:absolute;top:calc(14px + var(--haut));left:22px;right:78px;display:flex;gap:5px;z-index:3}.screen-jalons i{flex:1;height:2px;border-radius:2px;background:#ffffff2e;transition:background .4s}.screen-jalons i.vu{background:#f0d3ae7a}.screen-jalons i.ici{background:#f0d3ae;box-shadow:0 0 8px #f0d3ae66}.screen-fermer{position:absolute;top:calc(24px + var(--haut));right:18px;z-index:4;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:#ffffff1c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff4ea;transition:background .2s}.screen-fermer:hover{background:#fff3}.screen-texte{position:absolute;left:0;right:0;bottom:0;z-index:2;max-height:74%;overflow-y:auto;overscroll-behavior:contain;padding:0 26px calc(30px + var(--bas));-webkit-overflow-scrolling:touch}.letter-screen .screen-texte{max-height:80%}.letter-screen .screen-sceau{top:15%;opacity:.08}.letter-screen .screen-voile{background:linear-gradient(#1d1219a6 0 12%,#1d121966 30%,#1d1219e6 52%,#1d1219 78%)}.screen-texte>.eyebrow{display:block;color:#e8c48d;letter-spacing:.26em;font-size:8px}.screen-texte h2{font-size:clamp(30px,8.5vw,38px);line-height:1.1;letter-spacing:-.05em;margin-top:12px}.screen-texte .memory-text{color:#e3cdd3;font-size:13px;line-height:1.9;margin:16px 0 0}.screen-texte .letter-body{white-space:pre-line;font-family:Gelasio,serif;font-size:16px;line-height:1.95;color:#ecd8dd;margin-top:18px}.screen-texte .music-note{font-size:11px;line-height:1.7;color:#b89aa5;font-style:italic;margin-top:14px}.screen-manque{font-size:10px;color:#b89aa5;margin-top:12px}.screen-manque code{font-size:10px;color:#e8c48d}.screen-nav{display:flex;align-items:center;gap:12px;margin-top:26px;max-width:430px}.screen-nav .primary{flex:1;border-radius:999px;min-height:50px;gap:12px;font-size:12px}.screen-texte>.eyebrow,.screen-texte h2,.screen-texte .memory-text,.screen-texte .letter-body,.screen-texte .music-note,.screen-nav{animation:content-reveal .52s var(--ease-out) both}.screen-texte h2{animation-delay:90ms}.screen-texte .memory-text,.screen-texte .letter-body{animation-delay:.19s}.screen-texte .music-note{animation-delay:.25s}.screen-nav{animation-delay:.3s}@keyframes ecran-in{0%{opacity:0;transform:scale(1.03)}}@keyframes ecran-out{to{opacity:0;transform:scale(.99)}}@keyframes veil-ecran{0%{opacity:0}}@keyframes approche{0%{transform:scale(1.09)}to{transform:scale(1)}}@keyframes sceau-in{0%{opacity:0;transform:translate(-50%,-46%) scale(calc(var(--sceau) * .86))}to{opacity:.17;transform:translate(-50%,-50%) scale(var(--sceau))}}@media(min-width:700px){.screen-jalons{top:34px;left:5vw;right:5vw;max-width:640px}.screen-fermer{top:30px;right:30px;width:46px;height:46px}.screen-texte{padding:0 5vw calc(46px + var(--bas));max-height:62%}.screen-texte>*{max-width:620px}.screen-texte h2{font-size:46px}.screen-texte .memory-text{font-size:15px;max-width:560px}.screen-sceau{top:43%;--sceau: 1.75}.letter-screen .screen-sceau{top:30%;--sceau: 1.4}.screen-voile{background:linear-gradient(#1d121966 0 12%,#1d121900 26%,#1d1219b8 58%,#1d1219 88%),linear-gradient(90deg,#1d1219a6,#1d121900 62%)}}@media(prefers-reduced-motion:reduce){.screen-fond img,.screen-sceau{animation:none}.screen-poussieres{display:none}}.screen-video{position:absolute;top:50%;left:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);transform:translate(-50%,-50%);border:0;background:#000}.video-screen .screen-voile,.video-screen .screen-texte,.video-screen .screen-jalons{pointer-events:none}.video-screen .screen-texte .primary{pointer-events:auto}.video-screen .screen-fond:after{display:none}.video-son{pointer-events:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;padding:9px 15px;border:1px solid #f0d3ae5c;border-radius:999px;background:#1d1219a3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f7e6d4;font-size:13px;letter-spacing:.01em}.loading-screen small{max-width:280px;line-height:1.5}.loading-screen .primary{margin-top:4px}.fenetre-screen,.fenetre-screen .screen-fond{background:none}.fenetre-screen::backdrop{background:#120b1147}.fenetre-screen .screen-fond:after{display:none}.fenetre-screen .screen-voile{background:linear-gradient(#1d121933 0 12%,#1d121900 30%,#1d1219cc,#1d1219 86%)}body:has(.fenetre-screen) .memory-marker,body:has(.fenetre-screen) .pet-touch{opacity:0;pointer-events:none}.bons{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:11px}.bons li{position:relative;background:linear-gradient(#fdf1e6,#f7e4d9);color:#3a2029;border-radius:15px;padding:13px 16px 12px;box-shadow:0 12px 26px #12080d4d;animation:bon-in .52s var(--ease-out) both;animation-delay:calc(var(--i) * 90ms + .12s)}.bons li:before,.bons li:after{content:"";position:absolute;top:50%;width:15px;height:15px;border-radius:50%;background:#1d1219;transform:translateY(-50%)}.bons li:before{left:-7px}.bons li:after{right:-7px}.bons span{display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#b06a83}.bons b{display:block;font-family:Gelasio,serif;font-weight:500;font-size:18px;margin-top:2px}.bons i{display:block;font-style:normal;font-size:12px;color:#6b5460;margin-top:3px}@keyframes bon-in{0%{opacity:0;transform:translateY(14px)}}@media(prefers-reduced-motion:reduce){.bons li{animation:none}}.bon-oui{background:#b06a83;color:#fff4ea;border:0;border-radius:999px;padding:9px 15px;font:inherit;font-size:12px;font-weight:600}.bon-non{background:none;border:0;color:#6b5460;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px}.bons li.utilise{opacity:.62}.bon-tampon{position:absolute;right:12px;bottom:8px;transform:rotate(-9deg);border:2px solid #b06a83aa;color:#b06a83cc;border-radius:6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:3px 7px;animation:tampon-in .42s var(--ease-out) both}@keyframes tampon-in{0%{opacity:0;transform:rotate(-9deg) scale(1.5)}}@media(prefers-reduced-motion:reduce){.bon-tampon{animation:none}}.bon-ouvrir{display:block;width:100%;text-align:left;background:none;border:0;padding:0;font:inherit;color:inherit}.bon-plein{position:fixed;inset:0;z-index:60;display:grid;place-content:center;gap:18px;padding:28px;background:#140c12e8;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:hud-in .26s var(--ease-out) both}.bon-billet{position:relative;background:linear-gradient(#fdf1e6,#f7e4d9);color:#3a2029;border-radius:20px;padding:30px 26px 26px;text-align:center;box-shadow:0 26px 60px #12080d8c}.bon-billet:before,.bon-billet:after{content:"";position:absolute;top:50%;width:26px;height:26px;border-radius:50%;background:#140c12;transform:translateY(-50%)}.bon-billet:before{left:-13px}.bon-billet:after{right:-13px}.bon-entete{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#b06a83}.bon-billet b{display:block;font-family:Gelasio,serif;font-weight:500;font-size:27px;line-height:1.2;margin-top:6px}.bon-billet i{display:block;font-style:normal;font-size:13px;color:#6b5460;margin-top:8px}.bon-billet .bon-oui{margin-top:20px;width:100%;padding:13px;font-size:14px}.bon-tampon.grand{position:static;display:inline-block;margin-top:20px;font-size:12px;padding:6px 12px}.bon-fermer{justify-self:center;display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid #f1b8c440;color:#e8cdd4;border-radius:999px;padding:10px 18px;font:inherit;font-size:13px}