.resume-toast{z-index:1600;color:#333031;max-width:min(92vw,560px);animation:resume-toast-in var(--duree-lente) var(--ease-cozy);background:#f6f1e7;border:1px solid #3330311f;border-radius:14px;align-items:center;gap:14px;padding:12px 14px 12px 18px;font-family:Poppins,sans-serif;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000047}.resume-toast .resume-toast-text{font-size:.95rem;font-weight:600}.resume-toast .resume-toast-btn{letter-spacing:.02em;color:#333031;cursor:pointer;transition:transform var(--duree-rapide) var(--ease-pop), box-shadow var(--duree-rapide) var(--ease-cozy);background:#ffca5a;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 6px #ab8432,0 9px 14px #00000042}.resume-toast .resume-toast-btn:hover{transform:translateY(-2px);box-shadow:0 7px #ab8432,0 11px 18px #00000047}.resume-toast .resume-toast-btn:active{transition-duration:90ms;transform:translateY(5px);box-shadow:0 1px #ab8432,0 2px 5px #00000038}.resume-toast .resume-toast-btn:focus-visible{outline-offset:3px;outline:2px solid #ab8432}.resume-toast .resume-toast-btn{white-space:nowrap;padding:8px 14px;font-size:.85rem}.resume-toast .resume-toast-close{color:#919191;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:inline-flex}.resume-toast .resume-toast-close:hover{color:#333031}@keyframes resume-toast-in{0%{opacity:0;transform:translate(-50%,16px)rotate(-2deg)scale(.9)}60%{opacity:1;transform:translate(-50%,-2px)rotate(.5deg)scale(1.02)}to{transform:translate(-50%)}}@media (width<=560px){.resume-toast{text-align:center;flex-wrap:wrap;justify-content:center}}:root{--frise-top:64px;--scene-h:calc(100dvh - 16px - var(--frise-top))}@media (orientation:landscape) and (height<=500px){:root{--frise-top:44px;--scene-h:calc(100dvh - 8px - var(--frise-top))}}.parallax-global{pointer-events:none;will-change:transform;transform-origin:0 0;flex-flow:row;height:100%;display:flex;position:absolute;top:0;left:0}.parallax-global img{aspect-ratio:3;flex-shrink:0;width:auto;height:100%}.parallax-global-sky{z-index:1}.parallax-global-bg{z-index:2}.parallax-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.parallax-layer.parallax-ground{flex-flow:row;display:flex}.parallax-layer.content-layer{pointer-events:auto}.parallax-ground img{flex-shrink:0;width:auto;height:100%}.parallax-ground{z-index:3}.parallax-content{z-index:4}.parallax-decorative{z-index:5;pointer-events:none!important}.parallax-pins{z-index:6;pointer-events:none!important}.parallax-pins .interactive-pin{pointer-events:auto}.parallax-content:has(img.firstplan[alt=Avatar\ Quizz]):before{content:"";z-index:35;pointer-events:none;background-image:url(/images/interactive/pupitre.png);background-position:50% 100%;background-repeat:no-repeat;background-size:contain;width:3.08%;height:10%;position:absolute;top:70%;left:41.3%}.intersection-watcher{color:#f6f1e7;flex-direction:column;justify-content:center;align-items:center;min-width:25vw;height:100dvh;padding:16px;font-size:2rem;display:flex;position:relative}button.arrow{color:#f6f1e7;cursor:pointer;z-index:400;background-color:#0000;background-image:url(/images/UI/arrow-prev.svg),linear-gradient(270deg,#0000,#33303180);background-position:50%;background-repeat:no-repeat,no-repeat;background-size:16px,100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:none;width:3vw;min-width:64px;height:auto;transition:background-image .3s ease-in-out;position:absolute;top:0;bottom:0;left:0}button.arrow.right-arrow{background-image:url(/images/UI/arrow-next.svg),linear-gradient(90deg,#0000,#33303180);left:auto;right:0}button.arrow:hover{background-image:url(/images/UI/arrow-prev.svg),linear-gradient(270deg,#0000,#333031bf)}button.arrow.right-arrow:hover{background-image:url(/images/UI/arrow-next.svg),linear-gradient(90deg,#0000,#333031bf)}@media (hover:none){button.arrow{display:none!important}}.repere-bord{display:none}@media (width<=600px) and (orientation:portrait){.repere-bord{z-index:390;color:#f6f1e7;backdrop-filter:blur(3px);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1f1e1ea6;border:1px solid #f6f1e733;align-items:center;gap:2px;padding:8px 6px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.repere-bord:before{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.repere-bord[hidden]{display:none}.repere-bord .repere-point{background:#ffca5a;border-radius:50%;width:12px;height:12px;animation:1.6s ease-in-out infinite alternate pin-pulse-point;box-shadow:0 0 0 3px #ffca5a4d}}@keyframes pin-pulse-point{to{box-shadow:0 0 0 6px #ffca5a1f}}.periode-intro{z-index:1500;backdrop-filter:blur(6px);background:#1f1e1eb8;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.periode-intro[hidden]{display:none}.periode-intro .periode-intro-card{text-align:center;background:radial-gradient(#33303114 1px,#0000 1.4px) 0 0/18px 18px,#f6f1e7;border:2px solid #33303166;border-radius:20px;width:100%;max-width:560px;padding:32px 34px 30px;box-shadow:0 18px 50px #00000073}.periode-intro .periode-intro-bounds{color:#333031;background:#ffca5a;border-radius:999px;margin:0 0 10px;padding:5px 14px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:700;display:inline-block}.periode-intro .periode-intro-name{color:#333031;margin:0 0 14px;font-family:Chau Philomene One,sans-serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:600}.periode-intro .periode-intro-desc{color:#4e4b4d;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin:0 0 22px;font-family:Poppins,sans-serif;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.periode-intro .periode-intro-start{letter-spacing:.02em;color:#333031;cursor:pointer;transition:transform var(--duree-rapide) var(--ease-pop), box-shadow var(--duree-rapide) var(--ease-cozy);background:#ffca5a;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 6px #ab8432,0 9px 14px #00000042}.periode-intro .periode-intro-start:hover{transform:translateY(-2px);box-shadow:0 7px #ab8432,0 11px 18px #00000047}.periode-intro .periode-intro-start:active{transition-duration:90ms;transform:translateY(5px);box-shadow:0 1px #ab8432,0 2px 5px #00000038}.periode-intro .periode-intro-start:focus-visible{outline-offset:3px;outline:2px solid #ab8432}.periode-intro .insecable{white-space:nowrap}.periode-intro .periode-intro-aide{color:#333031;justify-content:center;align-items:center;gap:8px;margin:-8px 0 18px;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;display:none}.periode-intro .periode-intro-aide svg{color:#ab8432;flex-shrink:0}@media (pointer:coarse){.periode-intro .periode-intro-aide{display:flex}}@media (width<=600px) and (orientation:portrait){.periode-intro{padding:16px}.periode-intro .periode-intro-card{padding:24px 20px 22px}.periode-intro .periode-intro-desc{font-size:.95rem}}.aide-glisser{z-index:1400;color:#f6f1e7;backdrop-filter:blur(4px);pointer-events:none;animation:fade-in var(--duree-lente) var(--ease-cozy);background:#1f1e1ec7;border:1px solid #f6f1e733;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700;display:flex;position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000059}.aide-glisser[hidden]{display:none}.aide-glisser svg{animation:aide-glisser-main 1.6s var(--ease-cozy) infinite}@keyframes aide-glisser-main{0%,15%{opacity:1;transform:translate(10px)}70%{opacity:1;transform:translate(-14px)}to{opacity:0;transform:translate(-14px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.chrono-scrubber{z-index:350;backdrop-filter:blur(4px);opacity:.5;background:#1f1e1e80;border:1px solid #f6f1e71f;border-radius:999px;align-items:center;gap:12px;max-width:calc(100vw - 140px);padding:5px 12px;transition:opacity .25s;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000047}.chrono-scrubber:hover,.chrono-scrubber:focus-within{opacity:1}.chrono-scrubber .chrono-rail{flex:1;justify-content:space-between;align-items:center;gap:clamp(6px,2vw,22px);min-width:0;height:22px;display:flex;position:relative}.chrono-scrubber .chrono-rail:before{content:"";background:#f6f1e738;border-radius:2px;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.chrono-scrubber .chrono-progress{background:#ffca5a;border-radius:2px;width:0;height:2px;transition:width .25s ease-out;position:absolute;top:50%;left:0;transform:translateY(-50%)}.chrono-scrubber .chrono-node{cursor:pointer;background:#333031;border:2px solid #f6f1e780;border-radius:50%;flex:none;width:12px;height:12px;padding:0;transition:transform .15s,background .2s,border-color .2s;position:relative}.chrono-scrubber .chrono-node.visited{background:#ffca5a;border-color:#ffca5a}.chrono-scrubber .chrono-node.current{background:#ffca5a;border-color:#f6f1e7;transform:scale(1.5);box-shadow:0 0 0 3px #ffca5a59}.chrono-scrubber .chrono-node:hover .chrono-node-tip,.chrono-scrubber .chrono-node:focus-visible .chrono-node-tip{opacity:1;transform:translate(var(--tip-x,-50%), -8px);pointer-events:auto}.chrono-scrubber .chrono-node:first-child .chrono-node-tip{--tip-x:0;left:0}.chrono-scrubber .chrono-node:last-child .chrono-node-tip{--tip-x:0;left:auto;right:0}.chrono-scrubber .chrono-node .chrono-node-tip{transform:translate(var(--tip-x,-50%), 0);opacity:0;pointer-events:none;white-space:normal;text-align:center;color:#333031;background:#f6f1e7;border-radius:8px;width:max-content;max-width:min(240px,60vw);padding:6px 10px;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:700;line-height:1.25;transition:opacity .15s,transform .15s;position:absolute;bottom:100%;left:50%;box-shadow:0 6px 16px #0000004d}.chrono-scrubber .chrono-node .chrono-node-tip em{color:#ab8432;font-size:.7rem;font-style:normal;font-weight:600;display:block}.chrono-scrubber .chrono-count{color:#f6f1e7;white-space:nowrap;flex:none;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:700}.chrono-scrubber .chrono-count #chrono-current{color:#ffca5a}@media (hover:none),(width<=620px){.chrono-scrubber{gap:10px;padding:7px 12px}.chrono-scrubber .chrono-rail{scrollbar-width:none;overflow-x:auto}.chrono-scrubber .chrono-rail::-webkit-scrollbar{display:none}.chrono-scrubber .chrono-node{width:12px;height:12px}.chrono-scrubber .chrono-node-tip{display:none}}@media (hover:none){.chrono-scrubber{opacity:.9}.chrono-scrubber .chrono-rail{gap:clamp(14px,4vw,22px);height:32px}.chrono-scrubber .chrono-node:before{content:"";width:max(100%,32px);height:max(100%,32px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.events-list-wrapper{height:var(--scene-h);border:1px solid #f6f1e71f;border-radius:20px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #0006;margin:calc(8px + var(--frise-top)) calc(8px + var(--frise-decalage,0px)) 0 8px!important}.events-list-wrapper:has(.loading){opacity:1;pointer-events:none;position:relative}.events-list-wrapper:has(.loading):after{content:"";z-index:500;background:#4e4b4d;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.events-list-wrapper:has(.loading):before{content:"";will-change:transform;z-index:1000;border:4px solid #ffffff4d;border-top-color:#ffca5a;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#events{flex-direction:row;flex:1;flex-wrap:no-wrap;scroll-snap-type:x proximity;background-color:#e8e0d1;min-height:0;display:flex;overflow:auto hidden}#events.frise-en-transition{scroll-snap-type:none}#events{scroll-behavior:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;position:relative}#events::-webkit-scrollbar{display:none}#events .texture{mix-blend-mode:screen;opacity:.15;pointer-events:none;z-index:110;background-image:url(/images/UI/black-paper.png);background-position:50%;background-repeat:repeat;background-size:200px;min-width:100vw;margin-right:-100vw;position:sticky;inset:0}#events .event{height:max-content;min-width:calc(3 * var(--scene-h));min-height:var(--scene-h);position:relative}#events .event.size-2{min-width:calc(6 * var(--scene-h))}#events .event.size-3{min-width:calc(9 * var(--scene-h))}#events .event.size-4{min-width:calc(12 * var(--scene-h))}#events .event .background-image{max-height:var(--scene-h);flex-shrink:0;width:auto;height:100%;position:relative}#events .event .firstplan{z-index:25;pointer-events:none;will-change:transform;object-fit:inherit;position:absolute}#events .event .interactive{z-index:15;pointer-events:auto;position:absolute}#events .event .interactive:hover{cursor:url(/images/UI/loupe.png) 16 16,pointer}#events .event .character{z-index:20;pointer-events:auto;position:absolute}@media (hover:none){#events .event .character:after{content:"";border:2px solid var(--npc-color,#4e4b4d);pointer-events:none;width:30px;height:30px;animation:bulle-invite 1.8s var(--ease-cozy,ease-in-out) infinite alternate;background:#f6f1e7 url(/images/UI/bulle-pnj.svg) 50%/18px no-repeat;border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%,-100%);box-shadow:0 3px 8px #0000004d}#events .event .character.deja-rencontre:after{display:none}}#events .event .character img{height:auto;width:100%!important}#events .event .character img:hover{cursor:url(/images/UI/speak.png) 16 16,pointer;filter:drop-shadow(3px 0 #fff)drop-shadow(-3px 0 #fff)drop-shadow(0 3px #fff)drop-shadow(0 -3px #fff)}@keyframes bulle-invite{0%{transform:translate(-50%,-100%)}to{transform:translate(-50%,calc(-100% - 5px))}}@keyframes walking{0%{transform:translate(0)}50%{transform:translate(-100px)}to{transform:translate(0)}}.period-nav{color:#f6f1e7;z-index:10;cursor:pointer;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;min-width:50vw;text-decoration:none;transition:all .4s;display:flex;position:relative}.period-nav:before{content:"";z-index:-1;background:#333031;transition:all .4s;position:absolute;inset:0}.period-nav-content{text-align:center;z-index:2;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.period-nav-icon{object-fit:contain;filter:drop-shadow(0 2px 8px #0006);width:64px;height:64px;transition:transform .3s}.period-nav:hover .period-nav-icon{transform:scale(1.15)}.period-nav-arrow{color:#ffca5a;align-items:center;transition:transform .3s;display:flex}.period-nav-arrow svg{width:32px;height:32px}.period-nav:hover .period-nav-arrow{transform:scale(1.3)}.period-nav-next:hover .period-nav-arrow{will-change:transform;animation:.6s infinite arrow-bounce-right}.period-nav-label{text-transform:uppercase;letter-spacing:.15em;opacity:.5;font-size:.85rem;font-weight:400}.period-nav-name{color:#ffca5a;text-shadow:0 2px 8px #00000080;font-family:Chau Philomene One,sans-serif;font-size:1.6rem;font-weight:700}@keyframes arrow-bounce-right{0%,to{transform:translate(0)scale(1.3)}50%{transform:translate(8px)scale(1.3)}}.progress-bar-container{z-index:500;pointer-events:auto;opacity:.92;transition:opacity .3s;position:absolute;top:12px;left:50%;transform:translate(-50%)}.progress-bar-container:hover{opacity:1}.progress-bar-inner{-webkit-backdrop-filter:blur(8px);background:#333031d9;border:1px solid #ffffff14;border-radius:24px;align-items:center;gap:10px;padding:6px 16px;display:flex;box-shadow:0 4px 20px #0000004d}.progress-label{color:#f6f1e7;white-space:nowrap;letter-spacing:.02em;font-family:Chau Philomene One,sans-serif;font-size:.8rem}.progress-label strong{color:#ffca5a;font-size:1rem}.progress-track{background:#ffffff1f;border-radius:4px;width:100px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ffca5a,#b8b08d);border-radius:4px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.progression-section{z-index:5;max-width:800px;margin:0 auto;padding:40px 20px 60px;position:relative}.progression-heading{color:#f6f1e7;text-align:center;margin-bottom:24px;font-family:Chau Philomene One,sans-serif;font-size:1.5rem;font-weight:400}.progression-header-row{justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.progression-header-row .progression-heading{margin-bottom:0}.reset-progression-btn{color:#a4443d;cursor:pointer;white-space:nowrap;background:#a4443d1f;border:1px solid #a4443d40;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;transition:background .2s,border-color .2s;display:inline-flex}.reset-progression-btn svg{flex-shrink:0}.reset-progression-btn:hover{background:#a4443d33;border-color:#a4443d66}.resume-banner{backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffca5a1f,#ffca5a0a);border:1px solid #ffca5a40;border-radius:16px;margin-bottom:32px;padding:16px 20px}.resume-content{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.resume-icon{font-size:1.5rem}.resume-text{flex:1;min-width:140px}.resume-text strong{color:#f6f1e7;margin-bottom:2px;font-size:.95rem;display:block}.resume-text span{color:#919191;font-size:.85rem}.resume-btn{color:#333031;transition:background .3s ease, box-shadow .3s ease, transform var(--duree-base) var(--ease-pop);white-space:nowrap;background:#ffca5a;border-radius:24px;align-items:center;gap:6px;padding:8px 20px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.resume-btn:hover{background:#b8b08d;transform:translateY(-1px);box-shadow:0 4px 16px #ffca5a4d}.progression-global{backdrop-filter:blur(8px);background:#4e4b4d33;border:1px solid #ffffff0f;border-radius:16px;align-items:flex-start;gap:32px;padding:24px;display:flex}@media (width<=600px){.progression-global{text-align:center;flex-direction:column;align-items:center}}.progression-overview{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.progression-circle-container{width:100px;height:100px;position:relative}.progression-circle{width:100%;height:100%;transform:rotate(-90deg)}.progression-bg{fill:none;stroke:#ffffff14;stroke-width:8px}.progression-fg{fill:none;stroke:#ffca5a;stroke-width:8px;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:326.73px;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.progression-pct{color:#ffca5a;font-family:Chau Philomene One,sans-serif;font-size:1.5rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progression-label{text-transform:uppercase;color:#919191;letter-spacing:.1em;font-size:.75rem}.progression-details{flex-direction:column;flex:1;gap:12px;width:100%;display:flex}.progression-row{flex-direction:column;gap:4px;display:flex}.progression-row-header{align-items:center;gap:8px;display:flex}.progression-icon{object-fit:contain;opacity:.7;width:20px;height:20px}.progression-name{color:#f6f1e7;flex:1;font-size:.85rem}.progression-count{color:#919191;font-size:.75rem}.progression-bar{background:#ffffff14;border-radius:4px;height:4px;overflow:hidden}.progression-bar-fill{background:linear-gradient(90deg,#ffca5a,#b8b08d);border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.progression-empty{color:#919191;text-align:center;padding:12px 0;font-size:.85rem}.period-nav-end{color:#f6f1e7;z-index:10;background:#333031;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;min-width:50vw;display:flex;position:relative}.period-nav-end .period-nav-content{text-align:center;z-index:2;flex-direction:column;align-items:center;gap:16px;display:flex}.period-nav-home-btn{color:#333031;transition:background .3s ease, box-shadow .3s ease, transform var(--duree-base) var(--ease-pop);background:#ffca5a;border-radius:24px;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.period-nav-home-btn:hover{background:#b8b08d;transform:translateY(-2px);box-shadow:0 4px 16px #ffca5a4d}.dialogue{backdrop-filter:blur(10px);background-color:#fffc;width:calc(100% - clamp(12px,3vw,32px));max-width:1200px;height:clamp(140px,18vw,200px);padding:clamp(4px,1vw,10px);position:fixed;bottom:clamp(20px,4vw,50px);left:50%;transform:translate(-50%)}.dialogue.has-choices{height:auto;min-height:clamp(140px,18vw,200px);max-height:calc(100dvh - 40px)}.dialogue{z-index:8000;user-select:none;animation:dialogue-bulle-in var(--duree-lente) var(--ease-cozy);border:2px solid #4e4b4d;border-radius:clamp(15px,3vw,25px);gap:clamp(12px,3vw,32px);display:none;box-shadow:inset 0 1px 1px #ffffff1a,0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d}.dialogue .dialogue-controls{z-index:1000;gap:clamp(2px,.5vw,8px);display:flex;position:absolute;top:clamp(6px,1vw,12px);right:clamp(6px,1vw,12px)}.dialogue .dialogue-controls .svg-next,.dialogue .dialogue-controls .svg-close{cursor:pointer;width:clamp(20px,3vw,32px);height:clamp(20px,3vw,32px)}.dialogue .dialogue-controls .svg-next svg,.dialogue .dialogue-controls .svg-close svg{color:#333031;width:100%;height:100%;transition:color .3s ease-in-out}.dialogue .dialogue-controls .svg-next svg:hover,.dialogue .dialogue-controls .svg-close svg:hover{color:#ffca5a}.dialogue .dialogue-avatar{border:2px solid #4e4b4d;border-radius:clamp(8px,1.5vw,15px);min-width:clamp(100px,15vw,200px);position:relative}.dialogue .dialogue-avatar img{object-fit:cover;width:calc(100% + clamp(15px,2vw,30px));height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.dialogue .dialogue-text-container{flex:1}.dialogue .dialogue-text-container .dialogue-name{color:#333031;border-radius:5px;width:max-content;margin-bottom:clamp(2px,.5vw,8px);font-size:clamp(.9rem,1.3vw,1.2rem);font-weight:700}.dialogue .dialogue-text-container .dialogue-counter{color:#685c59b3;opacity:.8;font-size:clamp(.75rem,.9vw,.85rem);font-weight:300}.dialogue .dialogue-text{max-height:100px;font-size:clamp(1rem,1.1vw,1.15rem);line-height:1.45;overflow:auto}.dialogue .dialogue-text .dialogue-word{opacity:0;filter:blur(6px);animation:.35s ease-out forwards dialogue-word-reveal;display:inline-block}.dialogue .dialogue-text p.revealed .dialogue-word{opacity:1;filter:none;animation:none}.dialogue .dialogue-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(4px,.8vw,8px);margin-top:clamp(6px,1vw,10px);padding-bottom:clamp(2px,.5vw,6px);display:grid}.dialogue .dialogue-choices:empty{display:none}.dialogue .dialogue-choices .dialogue-choice{appearance:none;border:solid 2px var(--npc-color,#4e4b4d);color:#333031;text-align:left;cursor:pointer;animation:dialogue-choice-pop var(--duree-base) var(--ease-pop) backwards;background:#ffffffd9;border-radius:clamp(8px,1.2vw,12px);align-items:center;gap:8px;padding:clamp(6px,.9vw,10px) clamp(10px,1.2vw,16px);font-size:clamp(.75rem,1vw,.9rem);font-weight:500;transition:background-color .2s,transform .15s,box-shadow .2s;display:flex}.dialogue .dialogue-choices .dialogue-choice:nth-child(2){animation-delay:60ms}.dialogue .dialogue-choices .dialogue-choice:nth-child(3){animation-delay:.12s}.dialogue .dialogue-choices .dialogue-choice:nth-child(4){animation-delay:.18s}.dialogue .dialogue-choices .dialogue-choice:before{content:"›";color:var(--npc-color,#4e4b4d);font-weight:700;transition:transform .15s}.dialogue .dialogue-choices .dialogue-choice:hover,.dialogue .dialogue-choices .dialogue-choice:focus-visible{background:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #00000026}.dialogue .dialogue-choices .dialogue-choice:hover:before,.dialogue .dialogue-choices .dialogue-choice:focus-visible:before{transform:translate(3px)}.dialogue .dialogue-choices .dialogue-choice:active{transform:translateY(0)scale(.98)}.dialogue .dialogue-choices .dialogue-choice.dialogue-choice-game{background:#ffca5a;border-color:#ab8432;font-weight:700}.dialogue .dialogue-choices .dialogue-choice.dialogue-choice-game:before{content:"▶";color:#333031;font-size:.7em}.dialogue .dialogue-choices .dialogue-choice.dialogue-choice-game:hover,.dialogue .dialogue-choices .dialogue-choice.dialogue-choice-game:focus-visible{background:#ffca5a}.dialogue .dialogue-choices .dialogue-choice.dialogue-choice-end{color:#333031b3;background:0 0;border-style:dashed;border-color:#685c5973;font-style:italic}.dialogue .dialogue-choices .dialogue-choice.dialogue-choice-end:before{content:"✕";color:#685c59b3;font-size:.8em}.dialogue .dialogue-choices .dialogue-choice.dialogue-choice-end:hover,.dialogue .dialogue-choices .dialogue-choice.dialogue-choice-end:focus-visible{color:#a4443d;background:#e74c3c14;border-color:#e74c3c80}.dialogue.has-choices .svg-next{display:none}@keyframes dialogue-choice-pop{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@keyframes dialogue-bulle-in{0%{opacity:0;transform:translate(-50%,16px)scale(.96)}60%{opacity:1;transform:translate(-50%,-3px)scale(1.01)}to{transform:translate(-50%)}}@keyframes dialogue-word-reveal{to{opacity:1;filter:blur()}}@media (prefers-reduced-motion:reduce){.dialogue .dialogue-text .dialogue-word{opacity:1;filter:none;animation:none}}@media (width<=768px){.progress-bar-container{top:8px}.progress-bar-inner{gap:8px;padding:4px 12px}.progress-label{font-size:.7rem}.progress-label strong{font-size:.85rem}.progress-track{width:60px}.dialogue .dialogue-choices{grid-template-columns:1fr;gap:4px}}@media (width<=768px) and (orientation:landscape){.dialogue{gap:10px;height:120px;bottom:15px}.dialogue.has-choices{height:auto;min-height:120px}.dialogue .dialogue-avatar{min-width:80px}.dialogue .dialogue-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.dialogue .dialogue-choices .dialogue-choice{padding:4px 8px;font-size:.7rem}}@media (hover:none){.dialogue .dialogue-controls{gap:14px}.dialogue .dialogue-controls .svg-next,.dialogue .dialogue-controls .svg-close{width:28px;height:28px;position:relative}.dialogue .dialogue-controls .svg-next:before,.dialogue .dialogue-controls .svg-close:before{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dialogue .dialogue-choices .dialogue-choice{min-height:44px}}@media (width<=600px) and (orientation:portrait){.dialogue{gap:10px;height:auto;min-height:120px;max-height:50dvh;padding:8px 8px 10px;bottom:12px}.dialogue.has-choices{min-height:120px}.dialogue .dialogue-avatar{width:72px;min-width:72px}.dialogue .dialogue-text-container{min-width:0;padding-right:4px}.dialogue .dialogue-text{max-height:30dvh}}@media (orientation:landscape) and (height<=500px){.dialogue{left:auto;right:8px;top:calc(var(--frise-top) + 10px);border-radius:18px;flex-direction:column;align-items:stretch;gap:8px;width:min(46vw,400px);padding:12px;animation-name:dialogue-panneau-in;bottom:10px;transform:none;height:auto!important;min-height:0!important;max-height:none!important}.dialogue .dialogue-avatar{flex-shrink:0;width:64px;min-width:64px;height:64px}.dialogue .dialogue-text-container{flex:1;min-height:0;overflow-y:auto}.dialogue .dialogue-text{max-height:none;font-size:1rem}.dialogue .dialogue-choices{grid-template-columns:1fr}.dialogue .dialogue-choices .dialogue-choice{padding:6px 10px;font-size:.85rem}}@keyframes dialogue-panneau-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.avatar-door{cursor:pointer;z-index:10;background:0 0;border:none;padding:0;position:absolute}.avatar-door img{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.avatar-door .avatar-door-open,.avatar-door:hover .avatar-door-closed,.avatar-door:focus-visible .avatar-door-closed{opacity:0}.avatar-door:hover .avatar-door-open,.avatar-door:focus-visible .avatar-door-open{opacity:1}.avatar-door:focus-visible{outline-offset:4px;border-radius:8px;outline:3px solid #ffca5a}.character:focus-visible,.interactive[role=button]:focus-visible,.interactive-pin:focus-visible,.svg-close:focus-visible,.svg-next:focus-visible{outline-offset:3px;border-radius:8px;outline:3px solid #ffca5a}.interactive-pin{cursor:pointer;z-index:200;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;transform:translate(-50%,-50%)}@media (hover:none){.interactive-pin:before{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interactive-pin .pin-tooltip{display:none}.interactive-pin .pin-dot{width:26px}}.interactive-pin .pin-dot{aspect-ratio:862/1013;filter:drop-shadow(0 2px 4px #00000059);background:url(/images/UI/pin-dot.svg) 50%/contain no-repeat;width:22px;transition:transform .3s,filter .3s;position:relative}.interactive-pin .pin-dot:after{content:"";z-index:-1;background:#ffca5a33;border-radius:50%;width:24px;height:24px;animation:2s infinite pin-pulse;position:absolute;top:42.5%;left:50%;transform:translate(-50%,-50%)}.interactive-pin:hover .pin-dot{filter:drop-shadow(0 4px 8px #ffca5acc);transform:scale(1.2)}.interactive-pin .pin-tooltip{opacity:0;visibility:hidden;pointer-events:none;z-index:30;background:#fff;border-radius:8px;min-width:220px;max-width:300px;margin-bottom:12px;padding:12px 16px;transition:all .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000026}.interactive-pin .pin-tooltip:after{content:"";border-top:6px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.interactive-pin .pin-tooltip h3{color:#1f1e1e;margin:0 0 8px;font-size:.95rem;font-weight:400;line-height:1.3}.interactive-pin .pin-tooltip p{color:#4e4b4d;margin:0 0 10px;font-size:.85rem;line-height:1.4}.interactive-pin:hover .pin-tooltip{opacity:1;visibility:visible;pointer-events:auto}@keyframes pin-pulse{0%{opacity:1;width:24px;height:24px}to{opacity:0;width:40px;height:40px}}@media (width<=768px){.interactive-pin .pin-tooltip{min-width:180px;max-width:250px;padding:10px 12px}.interactive-pin .pin-tooltip h3{font-size:.9rem}.interactive-pin .pin-tooltip p{font-size:.8rem}}