:root{--nuit: #17100b;--lanterne: #ffb347;--neon: #ffd9a0;--neon-halo: #ff8c1a;--papier: #f3e6cf;--fondu: .32s}*{box-sizing:border-box}html,body,#root,.app{height:100%;margin:0}body{background:var(--nuit);color:var(--papier);font-family:Georgia,Times New Roman,serif;overflow:hidden}.scene-scroller{height:100%;display:grid;place-items:center;overflow:hidden;background:var(--nuit);cursor:default}.scene{position:relative;width:100vw;height:100vh}.scene-image{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.scene-scroller.is-paused{pointer-events:none}.hotspot{position:absolute;background:transparent;border:none;border-radius:50%;padding:0;cursor:pointer;min-width:34px;min-height:34px}.hotspot:after{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,179,71,.32),rgba(255,179,71,.1) 55%,transparent 75%);opacity:0;transition:opacity .24s ease;pointer-events:none}.hotspot:hover:after,.hotspot:focus-visible:after{opacity:1}.hotspot:focus-visible{outline:2px solid var(--lanterne);outline-offset:2px}.hotspot.visited:after{opacity:.28}.hotspot.visited:hover:after{opacity:1}.hotspot.debug{outline:1px dashed rgba(255,80,80,.9);background:#ff505026;border-radius:50%}.hotspot-id{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px;color:#ff5050;font-weight:700}.neon-sign{position:absolute;background:transparent;border:none;padding:0;cursor:pointer}.neon-sign:focus-visible{outline:2px solid var(--neon);outline-offset:4px}.neon-glow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .4s ease}.neon-sign.is-on .neon-glow{opacity:1;animation:neon-flicker 2.2s ease-in-out 1,neon-breathe 4s ease-in-out 2.2s infinite}@keyframes neon-flicker{0%{opacity:0}6%{opacity:1}10%{opacity:.2}15%{opacity:1}22%{opacity:.4}30%{opacity:1}to{opacity:1}}@keyframes neon-breathe{0%,to{opacity:1}50%{opacity:.82}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:4vmin;background:#0a0603d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--fondu) ease forwards}.lightbox.is-closing{animation:fade-out var(--fondu) ease forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.lightbox-frame{position:relative;margin:0;max-height:calc(92vh - 60px);max-height:92vh;animation:frame-in var(--fondu) ease forwards}.lightbox.is-closing .lightbox-frame{animation:frame-out var(--fondu) ease forwards}@keyframes frame-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes frame-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.lightbox-frame img{display:block;max-width:100%;max-height:calc(92vh - 60px);border:6px solid #2a1d12;border-radius:4px;box-shadow:0 12px 60px #000000b3}.lightbox-frame figcaption{margin-top:12px;text-align:center;font-style:italic;font-size:1.05rem;color:var(--papier);letter-spacing:.04em}.lightbox-close{position:absolute;top:-16px;right:-16px;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid #6b4d2f;background:#241810;color:var(--papier);font-size:24px;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.lightbox-close:hover{background:#3a2818;transform:scale(1.08)}.lightbox-close:focus-visible{outline:2px solid var(--lanterne)}.audio-toggle{position:fixed;right:18px;bottom:18px;z-index:60;width:46px;height:46px;border-radius:50%;border:1px solid #6b4d2f;background:#1e140cd9;color:var(--papier);display:grid;place-items:center;cursor:pointer;transition:background .2s ease,transform .2s ease}.audio-toggle:hover{background:#3a2818f2;transform:scale(1.06)}.audio-toggle:focus-visible{outline:2px solid var(--lanterne)}.hint{position:fixed;left:50%;bottom:14px;transform:translate(-50%);z-index:40;font-size:.85rem;font-style:italic;letter-spacing:.05em;color:#f3e6cfbf;background:#17100b99;padding:6px 14px;border-radius:999px;pointer-events:none;animation:hint-fade 1s ease 6s forwards}@keyframes hint-fade{to{opacity:0}}.sound-zone{position:absolute;border-radius:50%}.sound-zone.debug{outline:1px dashed rgba(80,120,255,.9);background:#5078ff26}.sound-zone-id{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px;color:#5078ff;font-weight:700}@media (prefers-reduced-motion: reduce){.neon-sign.is-on .neon-text{animation:none}.lightbox,.lightbox-frame,.lightbox.is-closing,.lightbox.is-closing .lightbox-frame{animation-duration:1ms}}