:root{--green: #0b4025;--green-dark: #082b1a;--brown: #6d3b12;--gold: #c78b35;--paper: #fff6e8;--shadow: rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Georgia,Times New Roman,serif;overflow:hidden;background:#06150e}button{font-family:inherit;-webkit-tap-highlight-color:transparent}.app-shell,.screen{width:100vw;height:100vh;overflow:hidden}.app-shell{background:radial-gradient(circle at 50% 45%,rgba(230,190,116,.28),transparent 36%),linear-gradient(135deg,#06150e 0%,#12351f 50%,#06150e 100%)}.screen{display:flex;align-items:center;justify-content:center}.screen-fade{animation:routeFade .46s cubic-bezier(.2,.8,.2,1) both}@keyframes routeFade{0%{opacity:0;transform:scale(1.012);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.stage{position:relative;width:100vw;height:100vh;max-width:calc(100vh * 16 / 9);max-height:56.25vw;aspect-ratio:16 / 9;overflow:hidden;background:#0a0a0a;box-shadow:0 0 85px #0009;isolation:isolate}.full-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-reveal{animation:imageReveal .52s cubic-bezier(.2,.8,.2,1) both}@keyframes imageReveal{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.hotspot{position:absolute;z-index:8;border:0;padding:0;background:rgba(255,255,255,.01);border-radius:clamp(1rem,1.9vw,2.1rem);cursor:pointer;transition:background .18s ease,box-shadow .18s ease,transform .12s ease,backdrop-filter .18s ease}.hotspot:before{content:"";position:absolute;top:.15rem;right:.15rem;bottom:.15rem;left:.15rem;border-radius:inherit;border:0 solid rgba(216,160,70,0);transition:border-width .18s ease,border-color .18s ease}.hotspot span{position:absolute;left:50%;bottom:.8rem;transform:translate(-50%) translateY(.3rem);opacity:0;pointer-events:none;padding:.52rem .95rem;border-radius:999px;color:#fff;background:rgba(8,43,26,.9);white-space:nowrap;font-size:clamp(.78rem,.95vw,1.2rem);font-weight:800;letter-spacing:.01em;box-shadow:0 12px 26px #00000040;transition:opacity .16s ease,transform .16s ease}.hotspot:hover,.hotspot:focus-visible{outline:none;background:rgba(216,160,70,.14);box-shadow:inset 0 0 0 5px #d8a046c7,0 0 34px #ffcd6094;-webkit-backdrop-filter:saturate(1.08);backdrop-filter:saturate(1.08)}.hotspot:hover:before,.hotspot:focus-visible:before{border-width:1px;border-color:#fff6e8eb}.hotspot:hover span,.hotspot:focus-visible span{opacity:1;transform:translate(-50%) translateY(0)}.hotspot:active{transform:scale(.985)}.touch-hint{position:absolute;z-index:9;right:2.1rem;bottom:1.2rem;padding:.65rem 1.15rem;border:1px solid rgba(255,246,232,.22);border-radius:999px;color:#fff;background:rgba(0,0,0,.38);font-size:clamp(.8rem,1vw,1.16rem);font-weight:700;letter-spacing:.03em;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.floating-controls{position:absolute;z-index:20;inset:1.15rem 1.25rem auto 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.control-group{display:flex;gap:.7rem}.control-button{pointer-events:auto;min-width:6.8rem;min-height:3rem;border:1px solid rgba(255,246,232,.56);border-radius:999px;color:#fff;background:rgba(8,43,26,.88);font-size:clamp(.9rem,1.15vw,1.25rem);font-weight:900;cursor:pointer;box-shadow:0 12px 30px #00000047;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:transform .12s ease,background .18s ease,box-shadow .18s ease}.control-button.muted{background:rgba(109,59,18,.88)}.close-button{background:rgba(109,59,18,.9)}.control-button:hover,.control-button:focus-visible{outline:none;background:rgba(13,84,46,.96);box-shadow:0 0 0 4px #d8a0468c,0 12px 30px #00000047}.control-button:active{transform:scale(.96)}.detail-page{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center}.detail-page.slide-next{animation:slideNext .52s cubic-bezier(.16,.84,.32,1) both}.detail-page.slide-prev{animation:slidePrev .52s cubic-bezier(.16,.84,.32,1) both}@keyframes slideNext{0%{opacity:0;transform:translate(5.5rem) rotateY(-7deg) scale(.985);filter:blur(5px)}to{opacity:1;transform:translate(0) rotateY(0) scale(1);filter:blur(0)}}@keyframes slidePrev{0%{opacity:0;transform:translate(-5.5rem) rotateY(7deg) scale(.985);filter:blur(5px)}to{opacity:1;transform:translate(0) rotateY(0) scale(1);filter:blur(0)}}.nav-button{position:absolute;z-index:18;top:50%;width:clamp(3.2rem,4.2vw,4.8rem);height:clamp(3.2rem,4.2vw,4.8rem);border:1px solid rgba(255,246,232,.65);border-radius:999px;color:var(--green-dark);background:rgba(255,248,235,.94);font-size:clamp(2.6rem,4vw,4.6rem);line-height:.75;cursor:pointer;transform:translateY(-50%);box-shadow:0 14px 34px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .12s ease,box-shadow .18s ease,opacity .18s ease}.nav-button.previous{left:1.35rem}.nav-button.next{right:1.35rem}.nav-button:disabled{opacity:.24;cursor:default}.nav-button:not(:disabled):hover,.nav-button:not(:disabled):focus-visible{outline:none;box-shadow:0 0 0 4px #d8a0469e,0 14px 34px #00000047}.nav-button:not(:disabled):active{transform:translateY(-50%) scale(.94)}.page-label{position:absolute;z-index:19;left:50%;bottom:1.15rem;display:flex;align-items:center;gap:.85rem;max-width:80%;padding:.72rem 1.15rem;border:1px solid rgba(255,246,232,.28);border-radius:999px;color:#fff;background:rgba(0,0,0,.48);font-size:clamp(.86rem,1vw,1.15rem);font-weight:700;text-align:center;white-space:nowrap;transform:translate(-50%);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.page-label strong{color:#ffd88a}@media (max-width: 760px){.floating-controls{inset:.7rem .75rem auto .75rem}.control-button{min-width:5.3rem;min-height:2.55rem;font-size:.88rem}.touch-hint,.page-label{display:none}.nav-button.previous{left:.65rem}.nav-button.next{right:.65rem}}