.resume-toast{left:50%;bottom:calc(var(--dock-h) + 22px);z-index:var(--z-notification);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;transform:translate(-50%);box-shadow:0 24px 64px #1f1e1e80}.resume-toast .resume-toast-text{font-size:.9rem;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 #1f1e1e42}.resume-toast .resume-toast-btn:hover{transform:translateY(-2px);box-shadow:0 7px #ab8432,0 11px 18px #1f1e1e47}.resume-toast .resume-toast-btn:active{transition-duration:var(--duree-clic);transform:translateY(5px);box-shadow:0 1px #ab8432,0 2px 5px #1f1e1e38}.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:.8125rem}.resume-toast .resume-toast-close{color:#a3a3a3;cursor:pointer;background:0 0;border:none;border-radius:8px;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<=480px){.resume-toast{text-align:center;flex-wrap:wrap;justify-content:center}}:root{--frise-top:64px;--dock-h:72px;--scene-h:calc(100dvh - 16px - var(--frise-top) - var(--dock-h) - 8px)}@media (orientation:landscape) and (height<=500px){:root{--frise-top:44px;--dock-h:40px;--scene-h:calc(100dvh - 8px - var(--frise-top) - var(--dock-h) - 4px)}}.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:10;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:clamp(1.5rem,4vw,2.25rem);display:flex;position:relative}button.arrow{color:#f6f1e7;cursor:pointer;z-index:var(--z-flottant);width:3vw;height:auto;transition:background-image var(--duree-base) var(--ease-cozy);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;min-width:64px;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<=768px) and (orientation:portrait){.repere-bord{z-index:var(--z-flottant);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:calc(var(--z-entete) - 1);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:14px;width:100%;max-width:560px;padding:32px 34px 30px;box-shadow:0 24px 64px #1f1e1e80}.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:.8125rem;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.5rem,4vw,2.25rem);font-weight:400}.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 #1f1e1e42}.periode-intro .periode-intro-start:hover{transform:translateY(-2px);box-shadow:0 7px #ab8432,0 11px 18px #1f1e1e47}.periode-intro .periode-intro-start:active{transition-duration:var(--duree-clic);transform:translateY(5px);box-shadow:0 1px #ab8432,0 2px 5px #1f1e1e38}.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<=768px) and (orientation:portrait){.periode-intro{padding:16px}.periode-intro .periode-intro-card{padding:24px 20px 22px}.periode-intro .periode-intro-desc{font-size:.9rem}}.aide-glisser{z-index:calc(var(--z-entete) - 2);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:.9rem;font-weight:700;display:flex;position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #1f1e1e59}.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}}.frise-dock{left:8px;right:calc(8px + var(--frise-decalage,0px));height:var(--dock-h);z-index:var(--z-flottant);color:#f6f1e7;background:#1f1e1e;border:1px solid #f6f1e71a;border-radius:14px;align-items:center;gap:16px;padding:0 16px;display:flex;position:fixed;bottom:8px}@media (orientation:landscape) and (height<=500px){.frise-dock{left:4px;right:calc(4px + var(--frise-decalage,0px));gap:10px;padding:0 10px;bottom:4px}}.chrono-scrubber{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.chrono-scrubber .chrono-entete{justify-content:space-between;align-items:baseline;gap:12px;margin:0;font-size:.75rem;line-height:1.2;display:flex}.chrono-scrubber .chrono-chapitre-en-cours{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:#ffca5a;min-width:0;font-weight:700;overflow:hidden}.chrono-scrubber .chrono-count{color:#a3a3a3;font-variant-numeric:tabular-nums;flex:none}.chrono-scrubber .chrono-chapitres{cursor:pointer;touch-action:none;gap:3px;min-width:0;display:flex;position:relative}.chrono-scrubber .chrono-chapitre{--rempli:0%;flex-direction:column;flex-basis:0;gap:4px;min-width:0;display:flex}.chrono-scrubber .chrono-rail{background:#f6f1e714;border-radius:8px;height:24px;display:flex;position:relative}.chrono-scrubber .chrono-progress{width:var(--rempli);border-radius:inherit;background:color-mix(in srgb, var(--periode,#ffca5a) 55%, transparent);transition:width var(--duree-base) var(--ease-cozy);position:absolute;inset:0 auto 0 0}.chrono-scrubber .chrono-chapitre-nom{color:#f6f1e78c;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;line-height:1.2;overflow:hidden}.chrono-scrubber .en-cours .chrono-chapitre-nom{color:#f6f1e7;font-weight:600}.chrono-scrubber .chrono-chapitre--quiz .chrono-rail{background:#ffca5a24}.chrono-scrubber .chrono-chapitre--quiz .chrono-progress{background:#ffca5a80}.chrono-scrubber .chrono-chapitre--quiz .chrono-chapitre-nom{color:#ffca5a}.chrono-scrubber .chrono-node{cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:0;position:relative}.chrono-scrubber .chrono-node:before{content:"";width:2px;height:8px;transition:height var(--duree-rapide) var(--ease-cozy);background:#f6f1e759;border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chrono-scrubber .chrono-node.visited:before{background:#f6f1e7bf}.chrono-scrubber .chrono-node:hover:before{background:#f6f1e7;height:14px}.chrono-scrubber .chrono-node:focus-visible{outline-offset:1px;border-radius:8px;outline:2px solid #ffca5a}.chrono-scrubber .chrono-node:hover .chrono-node-tip,.chrono-scrubber .chrono-node:focus-visible .chrono-node-tip{opacity:1;transform:translate(-50%,-10px)}.chrono-scrubber .chrono-node .chrono-node-tip{opacity:0;pointer-events:none;text-align:center;color:#333031;width:max-content;max-width:min(240px,60vw);transition:opacity var(--duree-rapide) var(--ease-cozy), transform var(--duree-rapide) var(--ease-cozy);background:#f6f1e7;border-radius:8px;padding:6px 10px;font-size:.8125rem;font-weight:700;line-height:1.25;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #1f1e1e59}.chrono-scrubber .chrono-node .chrono-node-tip em{color:#4e4b4d;font-size:.75rem;font-style:normal;font-weight:600;display:block}.chrono-scrubber .chrono-curseur{top:-3px;left:var(--curseur-x,0px);z-index:1;pointer-events:none;width:14px;height:30px;transition:left var(--duree-base) var(--ease-cozy);background:#f6f1e7;border-radius:2px;margin-left:-7px;position:absolute;box-shadow:0 2px #e8e0d1,0 3px 8px #1f1e1e80}.chrono-scrubber .chrono-curseur:after{content:"";border-inline:1px solid #33303159;position:absolute;inset:9px 5px}.chrono-scrubber.glisse .chrono-curseur{transition:none}@media (hover:none),(width<=620px){.chrono-scrubber .chrono-node-tip{display:none}.chrono-scrubber .chrono-chapitre:not(.en-cours) .chrono-chapitre-nom{visibility:hidden}}@media (orientation:landscape) and (height<=500px){.chrono-scrubber .chrono-entete,.chrono-scrubber .chrono-chapitre-nom{display:none}.chrono-scrubber .chrono-rail{height:20px}.chrono-scrubber .chrono-curseur{height:26px}}.events-list-wrapper{height:var(--scene-h);border:1px solid #f6f1e71f;border-radius:14px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #1f1e1e80;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:"";width:100%;height:100%;z-index:var(--z-flottant);background:#4e4b4d;display:block;position:absolute;top:0;left:0}.events-list-wrapper:has(.loading):before{content:"";border:4px solid #f6f1e74d;will-change:transform;width:40px;height:40px;z-index:calc(var(--z-entete) - 3);border-top-color:#ffca5a;border-radius:50%;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:var(--z-scene-ui);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:9;pointer-events:none;will-change:transform;object-fit:inherit;position:absolute}#events .event .interactive{z-index:7;pointer-events:auto;position:absolute}#events .event .interactive:hover{cursor:url(/images/UI/loupe.png) 16 16,pointer}#events .event .character{z-index:8;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 #1f1e1e4d}#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 #f6f1e7)drop-shadow(-3px 0 #f6f1e7)drop-shadow(0 3px #f6f1e7)drop-shadow(0 -3px #f6f1e7)}@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;min-width:50vw;transition:all var(--duree-lente) var(--ease-cozy);flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;text-decoration:none;display:flex;position:relative}.period-nav:before{content:"";transition:all var(--duree-lente) var(--ease-cozy);z-index:-1;background:#333031;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 #1f1e1e66);width:64px;height:64px;transition:transform var(--duree-base) var(--ease-cozy)}.period-nav:hover .period-nav-icon{transform:scale(1.15)}.period-nav-arrow{color:#ffca5a;transition:transform var(--duree-base) var(--ease-cozy);align-items:center;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:.8125rem;font-weight:400}.period-nav-name{color:#ffca5a;text-shadow:0 2px 8px #1f1e1e80;font-family:Chau Philomene One,sans-serif;font-size:clamp(1.25rem,2.5vw,1.5rem);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:var(--z-flottant);pointer-events:auto;opacity:.92;transition:opacity var(--duree-base) var(--ease-cozy);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 #f6f1e714;border-radius:14px;align-items:center;gap:10px;padding:6px 16px;display:flex;box-shadow:0 6px 18px #1f1e1e59}.progress-label{color:#f6f1e7;white-space:nowrap;font-size:.8125rem;font-weight:600}.progress-label strong{color:#ffca5a;font-size:1rem}.progress-track{background:#f6f1e71f;border-radius:8px;width:100px;height:4px;overflow:hidden}.progress-fill{height:100%;transition:width var(--duree-lente) cubic-bezier(.4, 0, .2, 1);background:linear-gradient(90deg,#ffca5a,#cdb48e);border-radius:8px}.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:clamp(1.25rem,2.5vw,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;transition:background var(--duree-rapide) var(--ease-cozy), border-color var(--duree-rapide) var(--ease-cozy);white-space:nowrap;background:#a4443d1f;border:1px solid #a4443d40;border-radius:14px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;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:14px;margin-bottom:32px;padding:16px 20px}.resume-content{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.resume-icon{font-size:clamp(1.25rem,2.5vw,1.5rem)}.resume-text{flex:1;min-width:140px}.resume-text strong{color:#f6f1e7;margin-bottom:2px;font-size:.9rem;display:block}.resume-text span{color:#a3a3a3;font-size:.8125rem}.resume-btn{color:#333031;transition:background var(--duree-base) var(--ease-cozy), box-shadow var(--duree-base) var(--ease-cozy), transform var(--duree-base) var(--ease-pop);white-space:nowrap;background:#ffca5a;border-radius:14px;align-items:center;gap:6px;padding:8px 20px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.resume-btn:hover{background:#cdb48e;transform:translateY(-1px);box-shadow:0 4px 16px #ffca5a4d}.progression-global{backdrop-filter:blur(8px);background:#4e4b4d33;border:1px solid #f6f1e70f;border-radius:14px;align-items:flex-start;gap:32px;padding:24px;display:flex}@media (width<=768px){.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:#f6f1e714;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 calc(var(--duree-lente) * 2.5) cubic-bezier(.4, 0, .2, 1)}.progression-pct{color:#ffca5a;font-family:Chau Philomene One,sans-serif;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progression-label{text-transform:uppercase;color:#a3a3a3;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:.8125rem}.progression-count{color:#a3a3a3;font-size:.75rem}.progression-bar{background:#f6f1e714;border-radius:8px;height:4px;overflow:hidden}.progression-bar-fill{height:100%;transition:width calc(var(--duree-lente) * 2) cubic-bezier(.4, 0, .2, 1);background:linear-gradient(90deg,#ffca5a,#cdb48e);border-radius:8px}.progression-empty{color:#a3a3a3;text-align:center;padding:12px 0;font-size:.8125rem}.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 var(--duree-base) var(--ease-cozy), box-shadow var(--duree-base) var(--ease-cozy), transform var(--duree-base) var(--ease-pop);background:#ffca5a;border-radius:14px;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:#cdb48e;transform:translateY(-2px);box-shadow:0 4px 16px #ffca5a4d}.dialogue{color:#333031;backdrop-filter:blur(10px);background-color:#f6f1e7f5;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:calc(var(--z-menu) - 1);user-select:none;animation:dialogue-bulle-in var(--duree-lente) var(--ease-cozy);border:2px solid #4e4b4d;border-radius:14px;gap:clamp(12px,3vw,32px);display:none;box-shadow:inset 0 1px 1px #f6f1e71a,0 50px 100px -20px #1f1e1e40,0 30px 60px -30px #1f1e1e4d}.dialogue .dialogue-controls{flex-direction:column;flex:none;justify-content:space-between;align-items:center;display:flex}.dialogue .dialogue-controls .svg-next,.dialogue .dialogue-controls .svg-close{color:#333031;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.dialogue .dialogue-controls .svg-next:focus-visible,.dialogue .dialogue-controls .svg-close:focus-visible{outline-offset:2px;outline:2px solid #ab8432}.dialogue .dialogue-controls .svg-close{height:36px;transition:background-color var(--duree-rapide) var(--ease-cozy);background:0 0}.dialogue .dialogue-controls .svg-close:hover{background:#1f1e1e14}.dialogue .dialogue-controls .svg-next{transition:transform var(--duree-rapide) var(--ease-pop);background:#ffca5a;box-shadow:0 4px #ab8432,0 6px 9.2px #1f1e1e42}.dialogue .dialogue-controls .svg-next:hover{transform:translateY(-1px)}.dialogue .dialogue-controls .svg-next:active{transition-duration:var(--duree-clic);transform:translateY(3px)}.dialogue .dialogue-avatar{border:2px solid #4e4b4d;border-radius:14px;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;min-width:0}.dialogue .dialogue-text-container .dialogue-entete{flex-wrap:wrap;align-items:baseline;gap:0 8px;margin:0 0 clamp(2px,.5vw,8px);display:flex}.dialogue .dialogue-text-container .dialogue-name{color:#333031;font-family:Chau Philomene One,sans-serif;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:400;line-height:1.1}.dialogue .dialogue-text-container .dialogue-role,.dialogue .dialogue-text-container .dialogue-counter{color:#4e4b4d;font-size:.75rem;font-weight:500}.dialogue .dialogue-text{max-height:100px;font-size:1.125rem;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;transition:background-color var(--duree-rapide) var(--ease-cozy), transform var(--duree-rapide) var(--ease-cozy), box-shadow var(--duree-rapide) var(--ease-cozy);animation:dialogue-choice-pop var(--duree-base) var(--ease-pop) backwards;background:#f6f1e7d9;border-radius:14px;align-items:center;gap:8px;padding:clamp(6px,.9vw,10px) clamp(10px,1.2vw,16px);font-size:.8125rem;font-weight:500;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);transition:transform var(--duree-rapide) var(--ease-cozy);font-weight:700}.dialogue .dialogue-choices .dialogue-choice:hover,.dialogue .dialogue-choices .dialogue-choice:focus-visible{background:#f6f1e7;transform:translateY(-1px);box-shadow:0 3px 10px #1f1e1e26}.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:#4e4b4d73;font-style:italic}.dialogue .dialogue-choices .dialogue-choice.dialogue-choice-end:before{content:"✕";color:#4e4b4db3;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:#a4443d14;border-color:#a4443d80}.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:.75rem}.progress-label strong{font-size:.8125rem}.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:.75rem}}@media (hover:none){.dialogue .dialogue-choices .dialogue-choice{min-height:44px}}@media (width<=768px) 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:14px;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-controls{flex-direction:row;justify-content:flex-end;gap:8px}.dialogue .dialogue-choices{grid-template-columns:1fr}.dialogue .dialogue-choices .dialogue-choice{padding:6px 10px;font-size:.8125rem}}@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%;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;width:24px;height:24px;z-index:calc(var(--z-scene-ui) + 1);justify-content:center;align-items:center;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 #1f1e1e59);width:22px;transition:transform var(--duree-base) var(--ease-cozy), filter var(--duree-base) var(--ease-cozy);background:url(/images/UI/pin-dot.svg) 50%/contain no-repeat;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;min-width:220px;max-width:300px;transition:all var(--duree-base) var(--ease-cozy);z-index:10;background:#f6f1e7;border-radius:8px;margin-bottom:12px;padding:12px 16px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #1f1e1e26}.interactive-pin .pin-tooltip:after{content:"";border-top:6px solid #f6f1e7;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:.9rem;font-weight:400;line-height:1.3}.interactive-pin .pin-tooltip p{color:#4e4b4d;margin:0 0 10px;font-size:.8125rem;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:.8125rem}}