*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html,body{background:#050403;height:100%;overflow:hidden}body,button{font-family:Georgia,Times New Roman,serif}button{-webkit-tap-highlight-color:transparent}.experience{color:#fff4df;background:#100e0a;position:fixed;inset:0;overflow:hidden}.experience__contenu{position:absolute;inset:0}.experience__camera{object-fit:cover;width:100%;height:100%;position:absolute}.bouton{color:#fff4df;cursor:pointer;touch-action:manipulation;background:#211b14ed;border:1px solid #bca477;border-radius:5px;min-height:48px;padding:12px 23px;font:16px/1.3 Georgia,serif}.bouton:hover,.bouton[aria-pressed=true]{background:#51422c}.bouton:focus-visible,.poi:focus-visible{outline-offset:5px;outline:3px solid #fff}.bouton:disabled{opacity:.5;cursor:wait}.bouton--principal{color:#241b0e;background:#e6c68c;border-color:#e6c68c}.bouton--principal:hover{background:#f7dcac}.surtitre{letter-spacing:.22em;color:#e9cc97;font:12px/1.5 system-ui,sans-serif}.accueil{align-items:center;padding:5vh 7vw;display:flex;position:absolute;inset:0}.accueil__fond{object-fit:cover;object-position:65% 65%;opacity:.65;width:100%;height:100%;position:absolute;inset:0}.accueil:after{content:"";background:linear-gradient(90deg,#100e0af5,#100e0aa8 45%,#100e0a12);position:absolute;inset:0}.accueil__contenu{z-index:1;max-width:550px;position:relative}.accueil h1{margin:20px 0;font-size:clamp(42px,6.2vw,76px);font-weight:400;line-height:1.02}.accueil__contenu>p:not(.surtitre){line-height:1.6}.accueil__contenu>.bouton{min-width:210px;margin-top:12px}.accueil__detail,.disponibilite{color:#e4d7c0;font:13px/1.5 system-ui,sans-serif}.tableau-cadre{width:min(74vw, calc(74vh * var(--ratio-tableau)));aspect-ratio:var(--ratio-tableau);position:absolute;top:50%;left:50%;translate:-50% -50%}.viseur{border:2px solid #f2dcae;box-shadow:0 0 0 100vmax #08070555,0 0 20px #0007}.viseur span{white-space:nowrap;background:#100e0ad9;padding:8px 16px;font-size:14px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.cadrage__consigne{background:#100e0ad9;border-radius:4px;padding:0 16px;position:absolute;top:12px;left:24px}.cadrage__consigne p{margin:10px 0}.cadrage__commandes{justify-content:center;gap:12px;width:100%;display:flex;position:absolute;bottom:20px}.passage{position:absolute;inset:0;overflow:hidden}.passage__fond{opacity:0;background:#100e0a;position:absolute;inset:0}.passage__cadre{will-change:transform}.passage img,.scene__tableau>img{width:100%;height:100%;display:block}.passage__lumiere{opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(at 43% 65%,#ffdf9c,#0000 65%);position:absolute;inset:0}.scene{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.scene__tableau{width:min(100vw, calc(100vh * var(--ratio-tableau)));aspect-ratio:var(--ratio-tableau);will-change:transform;position:relative}.scene__invitation{background:#100e0ade;border-left:2px solid #d8b97e;padding:0 18px;position:absolute;top:20px;left:24px}.scene__invitation p{margin:10px 0}.poi{cursor:pointer;touch-action:manipulation;background:#edca8255;border:2px solid #fff1cb;border-radius:50%;width:56px;height:56px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 22px 8px #ffe4a8a0}.poi span{white-space:nowrap;color:#fff4df;background:#19140feb;border:1px solid #d5b981;border-radius:4px;padding:9px 14px;font:16px Georgia,serif;position:absolute;bottom:66px;left:50%;transform:translate(-50%)}.dialogue{background:linear-gradient(110deg,#20190ff7,#100e0afc);border:1px solid #ba9d64;border-radius:6px;width:92%;padding:22px 28px;position:absolute;bottom:22px;left:4%;box-shadow:0 14px 60px #0009}.dialogue__entete{justify-content:space-between;align-items:baseline;gap:15px;display:flex}.dialogue h2{color:#f1d299;margin:0;font-size:25px;font-weight:400}.dialogue__entete span{color:#d1c5b2;font:11px/1.5 system-ui,sans-serif}.dialogue__texte{min-height:62px;margin:16px 0;font-size:20px;line-height:1.55}.dialogue__choix{flex-wrap:wrap;gap:12px;display:flex}.terminer{font-size:14px;position:absolute;top:18px;right:22px}.experience__erreur{background:#291b14f5;border:1px solid #e3bc87;width:85%;max-width:560px;padding:16px 22px;line-height:1.5;position:absolute;top:90px;left:50%;transform:translate(-50%)}.pause{z-index:10;text-align:center;background:#100e0af2;place-items:center;display:grid;position:absolute;inset:0}.pause h2{font-size:36px;font-weight:400}.pause .bouton{margin:8px}.debug{pointer-events:none;background:#000c;padding:4px;font:12px monospace;position:absolute;bottom:4px;left:5px}@media (height<=580px){.accueil h1{margin:10px 0;font-size:44px}.accueil__contenu>p{margin:8px 0}.dialogue{padding:14px 20px;bottom:12px}.dialogue__texte{min-height:50px;margin:10px 0;font-size:17px}.cadrage__consigne{font-size:13px}}