:root{--bg: #f6f2ea;--sky: #ede7da;--pill: #fbf8f2;--paper: #fbf7ef;--ink: #34302b;--ink-soft: rgba(52, 48, 43, .68);--ink-hover: #4a443d;--terra: #c77b60;--terra-text: #a65e45;--gold: #c9a46a;--line: rgba(52, 48, 43, .14);--shadow-soft: 0 10px 28px rgba(52, 48, 43, .16);--shadow-deep: 0 24px 60px rgba(52, 48, 43, .22);--serif: "Newsreader", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--terra);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}kbd{display:inline-block;min-width:24px;padding:2px 8px;margin-right:6px;border-radius:6px;border:1px solid rgba(52,48,43,.22);border-bottom-width:2px;background:var(--pill);font:500 12px/1.4 var(--sans);color:var(--ink)}.game{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:linear-gradient(180deg,#ede7da,#f2ede3 55%,#f6f2ea);font-family:var(--sans);color:var(--ink)}.stage__canvas{position:absolute;inset:0}.stage__vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(125% 100% at 50% 45%,#34302b00 60%,#34302b38)}.bars span{position:absolute;left:0;right:0;height:9vh;background:#2b2723;pointer-events:none;transition:transform .6s var(--ease)}.bars span:first-child{top:0;transform:translateY(-100%)}.bars span:last-child{bottom:0;transform:translateY(100%)}.is-cinematic .bars span{transform:none}.prompt{position:absolute;left:0;top:0;pointer-events:none;transition:opacity .16s ease;will-change:transform}.prompt__inner{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:10px}.prompt__pill{transform:translate(var(--shift, 0));display:flex;align-items:center;gap:10px;padding:7px 16px 7px 7px;border-radius:999px;background:var(--pill);box-shadow:var(--shadow-soft);font-size:15px;font-weight:500;white-space:nowrap;animation:pop-in .26s var(--ease)}.prompt__key{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--terra);color:var(--pill)}.prompt__dot{width:9px;height:9px;border-radius:50%;background:var(--pill);box-shadow:0 0 0 3px #c77b608c,0 0 18px 4px #ffe2b4cc;animation:dot-pulse 1.4s ease-in-out infinite}.hud{position:absolute;top:24px;display:flex;align-items:center;gap:10px;animation:fade-in .6s .2s both;transition:opacity .4s ease,transform .4s var(--ease)}.hud--left{left:28px}.hud--right{right:28px}.is-cinematic .hud{opacity:0;transform:translateY(-12px);pointer-events:none}.place{display:flex;flex-direction:column;gap:2px;padding:8px 22px 9px 18px;border-left:3px solid var(--terra);background:#fbf8f2eb;border-radius:4px 999px 999px 4px;box-shadow:0 6px 18px #34302b1a}.place__eyebrow{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--terra-text)}.place__name{font-family:var(--serif);font-size:22px;line-height:1.1}.hud__btn,.hud__count{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fbf8f2e6;box-shadow:0 6px 18px #34302b1a;cursor:pointer;transition:transform .2s var(--ease),background .2s}.hud__btn:hover,.hud__count:hover{transform:translateY(-2px);background:var(--pill)}.hud__count{display:flex;align-items:center;gap:8px;width:auto;padding:0 16px 0 12px;border-radius:999px;font-size:16px;font-weight:500}.hud__star{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--pill);font-size:13px}.hud__of{color:var(--ink-soft);font-weight:400}.hud__count.is-bump{animation:bump .7s var(--ease)}.hints{position:absolute;left:0;right:0;margin:0 auto;width:max-content;max-width:calc(100% - 32px);bottom:28px;display:flex;gap:22px;padding:10px 20px;border-radius:999px;background:#fbf8f2e0;box-shadow:var(--shadow-soft);font-size:13px;color:var(--ink-soft);white-space:nowrap;pointer-events:none;animation:rise-in .7s .9s both var(--ease);transition:opacity .6s ease,transform .6s var(--ease)}.hints.is-hidden{opacity:0;transform:translateY(16px)}.area-title{position:absolute;left:50%;top:16vh;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;text-align:center;padding:22px 56px 18px;border-radius:999px;background:radial-gradient(closest-side,#fbf8f2eb,#fbf8f2bf 60%,#fbf8f200);animation:area 3.6s var(--ease) forwards}.area-title__eyebrow{font-size:12px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--terra-text)}.area-title__name{font-family:var(--serif);font-size:clamp(36px,5vw,58px);line-height:1}.area-title__rule{width:64px;height:1px;margin-top:8px;background:var(--ink);opacity:.4}.poi{position:absolute;left:28px;bottom:28px;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:16px;background:#fbf8f2f0;box-shadow:var(--shadow-soft);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}.poi:focus-within{opacity:1;transform:none;pointer-events:auto}.poi__item{padding:8px 14px;border:none;border-radius:10px;background:transparent;text-align:left;font-size:14px;cursor:pointer}.poi__item:focus-visible{background:var(--ink);color:var(--pill);outline:none}.title{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto auto;justify-items:center;padding:10vh 24px 32px;background:linear-gradient(180deg,#f6f2ea8c,#f6f2ea00 38% 55%,#f6f2ead9);transition:opacity .9s ease}.title.is-leaving{opacity:0;pointer-events:none}.title__top{display:flex;flex-direction:column;align-items:center;gap:10px;animation:title-in 1.6s .2s both var(--ease)}.title__eyebrow{font-size:13px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--terra-text)}.title__name{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(64px,11vw,148px);line-height:.95;letter-spacing:-.02em;text-shadow:0 4px 40px rgba(251,248,242,.9)}.title__menu{margin-bottom:6vh;display:flex;flex-direction:column;align-items:center;animation:rise-in .9s 1.1s both var(--ease)}.title__confirm{max-width:360px;margin:0 0 12px;text-align:center;font-size:15px;color:var(--ink-soft)}.title__foot{display:flex;gap:24px;font-size:12.5px;color:var(--ink-soft);animation:fade-in .9s 1.6s both}.menu{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:280px}.menu__item{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 40px;border:none;border-radius:999px;background:transparent;font-family:var(--serif);font-size:26px;line-height:1.1;cursor:pointer;transition:background .22s,color .22s,transform .22s var(--ease)}.menu__arrow{position:absolute;left:18px;opacity:0;transform:translate(-6px);color:var(--terra);font-size:18px;transition:opacity .2s,transform .2s var(--ease)}.menu__item:focus,.menu__item:hover{outline:none;background:#fbf8f2eb;box-shadow:var(--shadow-soft);transform:scale(1.03)}.menu__item:focus .menu__arrow,.menu__item:hover .menu__arrow{opacity:1;transform:none}.menu__item.is-danger{color:var(--terra-text)}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;animation:fade-in .26s both}.overlay--blur{background:#2b272347;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pause{display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 28px 28px;border-radius:28px;background:var(--paper);box-shadow:var(--shadow-deep);animation:pop-in .36s var(--ease)}.pause__eyebrow,.journal__eyebrow,.chapter__eyebrow{font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--terra-text)}.pause__title{margin:0 0 14px;font-family:var(--serif);font-weight:400;font-size:34px}.pause .menu__item{font-size:21px;padding:10px 40px}.btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 22px;border-radius:999px;border:1px solid var(--line);background:var(--pill);font-size:15px;font-weight:500;cursor:pointer}.btn--dark{border:none;background:var(--ink);color:var(--pill)}.btn--dark:hover{background:var(--ink-hover)}.journal{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(940px,100%);max-height:calc(100dvh - 48px);border-radius:22px;background:var(--paper);box-shadow:var(--shadow-deep);overflow:auto;animation:pop-in .38s var(--ease)}.journal:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:40px;transform:translate(-50%);background:linear-gradient(90deg,#34302b00,#34302b12,#34302b00);pointer-events:none}.journal__page{display:flex;flex-direction:column;gap:8px;padding:36px 40px;background-image:repeating-linear-gradient(180deg,transparent 0 33px,rgba(52,48,43,.06) 33px 34px)}.journal__title{margin:0 0 6px;font-family:var(--serif);font-weight:400;font-size:34px}.journal__bar{height:6px;margin-bottom:10px;border-radius:99px;background:#34302b14;overflow:hidden}.journal__bar span{display:block;height:100%;border-radius:99px;background:var(--terra);transition:width .6s var(--ease)}.objectives,.souvenirs{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.objectives li{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start}.objectives__check{display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:7px;border:1.5px solid rgba(52,48,43,.35);color:var(--pill);font-size:14px;font-weight:500}.objectives li.is-done .objectives__check{border-color:var(--terra);background:var(--terra)}.objectives__title{display:block;font-family:var(--serif);font-size:19px;line-height:1.25}.objectives li.is-done .objectives__title{color:var(--ink-soft);text-decoration:line-through;text-decoration-color:#c77b60b3}.objectives__hint,.souvenirs__text{display:block;font-size:13px;line-height:1.4;color:var(--ink-soft)}.souvenirs{gap:10px;margin-bottom:18px}.souvenirs li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;opacity:.6}.souvenirs li.is-found{opacity:1}.souvenirs__glyph{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px dashed rgba(52,48,43,.3);font-family:var(--serif);font-size:18px;color:var(--ink-soft)}.souvenirs li.is-found .souvenirs__glyph{border:none;background:radial-gradient(circle at 35% 30%,#f3dcae,var(--gold));color:#fff;box-shadow:0 4px 14px #c9a46a73}.souvenirs__name{display:block;font-family:var(--serif);font-size:17px;line-height:1.2}.chapter{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(520px,100%);padding:48px 40px 36px;border-radius:26px;background:var(--paper);box-shadow:var(--shadow-deep);text-align:center;animation:pop-in .42s var(--ease)}.chapter .btn{align-self:center;margin-top:8px}.chapter__title{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(40px,6vw,56px);line-height:1}.chapter__text{margin:0;max-width:380px;font-size:16px;line-height:1.5;color:var(--ink-soft)}.chapter__stamp{position:absolute;top:-22px;right:-14px;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;border:2px solid var(--terra);background:var(--paper);color:var(--terra);font-family:var(--serif);font-size:19px;transform:rotate(12deg);box-shadow:0 0 0 5px var(--paper),0 0 0 6px #c77b6066;animation:stamp .52s .2s both cubic-bezier(.3,1.6,.5,1)}.dialogue{position:absolute;left:0;right:0;margin:0 auto;bottom:calc(9vh + 20px);width:min(760px,calc(100% - 32px));display:flex;flex-direction:column;align-items:center;gap:10px;animation:rise-in .42s var(--ease)}.dialogue__box{position:relative;width:100%;padding:30px 36px 26px;border-radius:24px;background:var(--paper);box-shadow:var(--shadow-deep),inset 0 0 0 1px #34302b14,inset 0 0 0 7px var(--paper),inset 0 0 0 8px #c77b6040;cursor:pointer}.dialogue__name{position:absolute;top:-15px;left:30px;padding:5px 16px;border-radius:999px;background:var(--terra);color:var(--pill);font-size:13px;font-weight:500;letter-spacing:.04em;box-shadow:0 6px 16px #c77b6059}.dialogue__text{position:relative;margin:0;font-family:var(--serif);font-size:clamp(20px,2.2vw,25px);line-height:1.4}.dialogue__ghost{visibility:hidden}.dialogue__next{position:absolute;right:26px;bottom:14px;color:var(--terra);font-size:18px;animation:nudge 1s ease-in-out infinite}.dialogue__choices{display:flex;flex-direction:column;gap:6px;margin-top:18px;cursor:default}.choice{display:flex;align-items:center;gap:12px;padding:10px 14px;border:none;border-radius:14px;background:transparent;text-align:left;font-size:16px;font-weight:500;cursor:pointer;transition:background .18s,color .18s,transform .18s var(--ease);animation:rise-in .36s both var(--ease)}.choice:nth-child(2){animation-delay:70ms}.choice__num{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;border:1px solid rgba(52,48,43,.25);font-size:12px}.choice.is-sel{background:var(--ink);color:var(--pill);transform:translate(4px);outline:none}.choice.is-sel .choice__num{border-color:#fbf8f266}.dialogue__hint{font-size:12px;color:#fbf8f2bf}.toasts{position:absolute;top:88px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:14px;max-width:min(520px,calc(100vw - 32px));padding:10px 22px 10px 10px;border-radius:999px;background:var(--paper);box-shadow:var(--shadow-deep);animation:toast 4.6s var(--ease) forwards}.toast__medal{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3dcae,var(--gold));color:#fff;font-size:20px;box-shadow:0 4px 14px #c9a46a80}.toast--objectif .toast__medal{background:var(--terra);box-shadow:0 4px 14px #c77b6073}.toast__body{display:flex;flex-direction:column;gap:1px;min-width:0}.toast__eyebrow{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--terra-text)}.toast__title{font-family:var(--serif);font-size:19px;line-height:1.2}.toast__text{font-size:12.5px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.veil{position:absolute;inset:0;background:#f6f2ea;opacity:0;pointer-events:none;transition:opacity .46s ease}.veil.is-on{opacity:1;pointer-events:auto}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}@keyframes title-in{0%{opacity:0;letter-spacing:.08em;filter:blur(6px)}}@keyframes area{0%{opacity:0;transform:translate(-50%,10px)}14%,78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@keyframes toast{0%{opacity:0;transform:translateY(-16px) scale(.96)}8%,88%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}@keyframes bump{30%{transform:scale(1.18)}}@keyframes stamp{0%{opacity:0;transform:rotate(-20deg) scale(1.8)}}@keyframes nudge{50%{transform:translateY(3px)}}@keyframes dot-pulse{50%{transform:scale(1.25)}}@media(max-width:720px){.hud{top:14px}.hud--left{left:14px}.hud--right{right:14px;gap:6px}.hud__btn{width:40px;height:40px}.hud__count{height:40px;padding:0 12px 0 8px}.place__name{font-size:18px}.hints{flex-direction:column;gap:4px;border-radius:18px;bottom:18px}.journal{grid-template-columns:1fr}.journal:after{display:none}.journal__page{padding:28px 24px}.title__foot{flex-direction:column;align-items:center;gap:4px}.dialogue__box{padding:26px 22px 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}}