*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:#130d07;font-family:Georgia,Times New Roman,serif}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.screen{width:100vw;height:100vh;position:relative;overflow:hidden;animation:screenFade .42s ease both}.museum-bg{background:radial-gradient(circle at 50% 12%,rgba(251,236,199,.98),rgba(239,211,160,.88) 52%,rgba(33,58,34,.98) 100%),#173c25}.image-stage{position:relative;width:100%;height:100%;overflow:hidden;background:#f7ecd8}.stage-image{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.stage-image-cover{object-fit:cover}.stage-image-contain{object-fit:contain}.hotspot{position:absolute;border:0;border-radius:2.2vw;background:rgba(255,255,255,.01);outline:none}.main-hotspot{transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.main-hotspot span{position:absolute;left:50%;bottom:-2.25rem;transform:translate(-50%) translateY(8px);padding:.55rem 1rem;min-width:15rem;border-radius:999px;background:rgba(10,62,33,.92);color:#fff;font-size:clamp(.9rem,1.25vw,1.25rem);opacity:0;box-shadow:0 12px 30px #00000047;transition:opacity .18s ease,transform .18s ease;white-space:nowrap}.main-hotspot:hover,.main-hotspot:focus,.main-hotspot:active{transform:translateY(-.4rem) scale(1.018);background:rgba(194,139,42,.1);box-shadow:inset 0 0 0 .35rem #bc8524b8,0 20px 44px #0003}.main-hotspot:hover span,.main-hotspot:focus span,.main-hotspot:active span{opacity:1;transform:translate(-50%) translateY(0)}.bottom-instruction{position:absolute;left:50%;bottom:2.3vh;transform:translate(-50%);padding:.75rem 1.5rem;border-radius:999px;background:rgba(17,55,31,.86);color:#fff7e8;font-size:clamp(.95rem,1.35vw,1.35rem);letter-spacing:.03em;box-shadow:0 16px 40px #00000047;animation:floatHint 1.8s ease-in-out infinite}.nav-bar{position:absolute;top:0;left:0;right:0;height:6.5rem;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.2rem 2rem;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,0));pointer-events:none}.nav-left,.nav-hint,.nav-title{pointer-events:auto}.nav-left{display:flex;gap:.75rem}.nav-button{border:0;border-radius:999px;padding:.82rem 1.35rem;color:#0d4327;background:rgba(255,250,239,.94);font-size:clamp(.9rem,1.1vw,1.15rem);font-weight:700;box-shadow:0 14px 30px #00000040;transition:transform .16s ease,background .16s ease}.nav-button-secondary{color:#fff7e8;background:rgba(95,53,14,.92)}.nav-button:hover,.nav-button:focus,.nav-button:active{transform:translateY(-2px) scale(1.035)}.nav-title{font-size:clamp(1.4rem,3.6vw,4rem);font-weight:700;text-align:center;text-shadow:0 5px 18px rgba(0,0,0,.42);white-space:nowrap}.nav-hint{justify-self:end;padding:.65rem 1.1rem;border-radius:999px;background:rgba(0,0,0,.34);font-size:clamp(.78rem,1vw,1rem);letter-spacing:.04em}.page-frame{position:absolute;top:7.1rem;right:1.4rem;bottom:1.4rem;left:1.4rem;border-radius:2rem;overflow:hidden;background:#fbf0dd;border:2px solid rgba(177,125,34,.55);box-shadow:0 28px 65px #00000057}.clickable-stage{cursor:pointer}.open-subset-card{position:absolute;right:3.2rem;bottom:2.6rem;border:0;border-radius:999px;padding:1rem 1.7rem;background:rgba(13,67,39,.94);color:#fff8e8;font-size:clamp(1rem,1.5vw,1.55rem);font-weight:700;letter-spacing:.02em;box-shadow:0 20px 45px #00000052;transition:transform .18s ease,background .18s ease}.open-subset-card:hover,.open-subset-card:focus,.open-subset-card:active{transform:translateY(-4px) scale(1.04);background:rgba(95,53,14,.96)}.pulse-ring{position:absolute;right:2.45rem;bottom:1.8rem;width:15.5rem;height:4.6rem;border-radius:999px;border:3px solid rgba(190,136,38,.55);pointer-events:none;animation:pulseRing 1.6s ease-in-out infinite}.enter-slide{animation:enterSlide .44s cubic-bezier(.18,.74,.2,1) both}.enter-zoom{animation:enterZoom .44s cubic-bezier(.18,.74,.2,1) both}@keyframes screenFade{0%{opacity:0}to{opacity:1}}@keyframes enterSlide{0%{opacity:0;transform:translate(3.2rem) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes enterZoom{0%{opacity:0;transform:scale(.965)}to{opacity:1;transform:scale(1)}}@keyframes floatHint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-.3rem)}}@keyframes pulseRing{0%{opacity:.82;transform:scale(.96)}70%{opacity:0;transform:scale(1.08)}to{opacity:0;transform:scale(1.08)}}@media (max-width: 900px){.nav-bar{height:5.6rem;padding:.9rem 1rem}.nav-hint{display:none}.page-frame{top:6.1rem;right:.7rem;bottom:.7rem;left:.7rem;border-radius:1.2rem}.open-subset-card{right:1.3rem;bottom:1.3rem}}