); } // Attaches / removes data-typewriter-cursor on . Split out so the // mount/unmount lifecycle is guaranteed even when parent re-renders. function CursorAttr(){ useEi(() => { document.documentElement.setAttribute('data-typewriter-cursor', '1'); return () => document.documentElement.removeAttribute('data-typewriter-cursor'); }, []); return null; } window.TypewriterCursor = TypewriterCursor; // ============ Money rain — Woland's Variety Theater shower of rubles ============ // Plays once per session when Room 6 mounts: 20 Soviet banknotes fall from // above, wobble as they rotate, and at ~70 % fade to blank paper — the same // fate they meet in the novel the morning after the séance. function MoneyRain(){ const [mounted, setMounted] = useSi(false); useEi(() => { let alreadySeen = false; try { alreadySeen = !!sessionStorage.getItem('seen_money_rain'); } catch {} if (alreadySeen) return; try { sessionStorage.setItem('seen_money_rain', '1'); } catch {} setMounted(true); const t = setTimeout(() => setMounted(false), 5800); return () => clearTimeout(t); }, []); if (!mounted) return null; const notes = Array.from({length: 22}, (_, i) => ({ i, left: (i * 41 + 7) % 100, delay: (i * 0.23) % 2.8, duration: 3.4 + ((i * 0.17) % 1.7), tilt: ((i * 37) % 70) - 35, spin: 180 + ((i * 53) % 280) })); return ( ); } window.MoneyRain = MoneyRain; function Ruble({ note = 0 }){ // Two stylized note faces alternate — a червонец-style red and a // десятка-style plum. Readable at 84 × 40 px but not impersonating // real currency at any scale. const red = note % 2 === 0; const bg = red ? "oklch(0.78 0.14 30)" : "oklch(0.55 0.12 340)"; const ink = red ? "oklch(0.25 0.12 25)" : "oklch(0.22 0.08 320)"; return ( ); } // ============ Frost overlay — Solzhenitsyn's taiga at the viewport edges ============ // Renders a fixed-position semi-transparent frost around the whole viewport. // `intensity` runs 0 → 1; Room 3 uses 0.4, Room 4 uses 0.7, Room 5 uses 1.0 // so the cold visibly deepens as the viewer walks further into the camp. function FrostOverlay({ intensity = 1 }){ const alpha = 0.06 + intensity * 0.08; // 0.06 – 0.14 const crystalOp = 0.12 + intensity * 0.18; // 0.12 – 0.30 const edge = 12 + intensity * 6; // vignette thickness % return ( ); } window.FrostOverlay = FrostOverlay; // ============ Typewriter text reveal (triggered on scroll) ============ function TypewriterReveal({ text, speed = 30, style }){ const [shown, setShown] = useSi(""); const [active, setActive] = useSi(false); const ref = useRi(null); useEi(() => { const obs = new IntersectionObserver(e => { if (e[0].isIntersecting) setActive(true); }, { threshold: 0.4 }); if (ref.current) obs.observe(ref.current); return () => obs.disconnect(); }, []); useEi(() => { if (!active) return; let i = 0; const id = setInterval(() => { i++; setShown(text.slice(0, i)); if (i >= text.length) clearInterval(id); }, speed); return () => clearInterval(id); }, [active, text, speed]); return {shown}{active && shown.length < text.length && ▊}; } window.TypewriterReveal = TypewriterReveal; // ============ Margarita's flight over Moscow (parallax scroll) ============ function MargaritaFlight({ lang }){ const [scroll, setScroll] = useSi(0); const ref = useRi(null); useEi(() => { const onScroll = () => { if (!ref.current) return; const r = ref.current.getBoundingClientRect(); const vh = window.innerHeight; // progress from when top enters view to when bottom leaves const p = Math.max(0, Math.min(1, (vh - r.top) / (vh + r.height))); setScroll(p); }; window.addEventListener("scroll", onScroll, { passive: true }); onScroll(); return () => window.removeEventListener("scroll", onScroll); }, []); const moonX = 60 + scroll * 20; const margX = 5 + scroll * 90; const margY = 55 - Math.sin(scroll * Math.PI) * 25; return (

{/* stars */}

{/* moon */}

{/* Moscow skyline silhouette (far) */} {/* Near skyline */} {/* Margarita on broom */}

{/* caption */}

{lang==='en'?"SCROLL · MARGARITA'S FLIGHT OVER MOSCOW":"ПРОКРУЧИВАЙТЕ · ПОЛЁТ МАРГАРИТЫ НАД МОСКВОЙ"}

«{lang==='en' ? "Invisible and free! Invisible and free!" : "Невидима и свободна! Невидима и свободна!"}»

); } window.MargaritaFlight = MargaritaFlight; // ============ Cold breath counter: drag to see warmth/cold ============ function FrozenRation({ lang }){ const [drag, setDrag] = useSi(50); // 100 = warm, 0 = frozen. Shows ration weight in grams. const grams = Math.round(200 + (100 - drag) * 4); // 200-600g const temp = Math.round(-30 + (drag/100) * 45); // -30 to 15 return (

{/* frost edges */}

{lang==='en' ? "INTERACTIVE · THE RATION" : "ИНТЕРАКТИВ · ПАЙКА"}

{lang==='en'?"How cold was the bread?":"Насколько холодным был хлеб?"}

{lang==='en' ? "Slide the thermometer. See what Shukhov's ration weighed at each temperature the brigade walked through." : "Подвиньте термометр. Посмотрите, сколько весила пайка Шухова при каждой температуре, через которую шла бригада."}

{/* thermometer */}

−30°C−7°C+15°C

setDrag(parseInt(e.target.value,10))} style={{ width:"100%",accentColor:"var(--stamp)",cursor:"pointer" }}/>

{temp > 0 ? "+" : ""}{temp}°C

{temp < -27 && (lang==='en'?"Brigades marched through −30°. Only at −41° were they held back.":"Бригады шли и при −30°. Только при −41° их задерживали.")} {temp >= -27 && temp < -10 && (lang==='en'?"The air freezes the rag around the bread. Shukhov unwraps it in his mitten.":"Воздух замораживает тряпицу вокруг хлеба. Шухов разворачивает её в рукавице.")} {temp >= -10 && temp < 5 && (lang==='en'?"Ordinary lagerkhod weather. 200g of bread and whatever kasha the ladler decides.":"Обычная лагерная погода. 200 г хлеба и сколько каши раздатчик решит.")} {temp >= 5 && (lang==='en'?"Summer labor. Bricklaying. Shukhov's day almost ends as 'happy'.":"Летний труд. Кладка стен. День Шухова почти заканчивается как «счастливый».")}

{/* Bread block */}

{/* frost crystals */} {drag < 40 && Array.from({length:12}).map((_,i) => (

))}

{grams} г

{lang==='en'?"daily ration":"дневная пайка"}

); } window.FrozenRation = FrozenRation; // ============ Samizdat carbon-copy stack (decorative + clickable) ============ function CarbonStack({ lang }){ const [depth, setDepth] = useSi(0); const layers = [ { opacity:1, title:lang==='en'?"ORIGINAL MS":"ОРИГИНАЛ РУКОПИСИ", note:lang==='en'?"Author's typewriter · 1-ply":"Авторская машинка · 1-й слой" }, { opacity:0.82, title:lang==='en'?"CARBON COPY 1":"КОПИЯ ЧЕРЕЗ КАЛЬКУ 1", note:lang==='en'?"Typed through carbon · 2-ply":"Через копирку · 2-й слой" }, { opacity:0.64, title:lang==='en'?"CARBON COPY 2":"КОПИЯ 2", note:lang==='en'?"Dimmer ink · passed hand to hand":"Слабее чернила · из рук в руки" }, { opacity:0.46, title:lang==='en'?"CARBON COPY 3":"КОПИЯ 3", note:lang==='en'?"Barely legible · last reader":"Едва читаемо · последний читатель" }, ]; return (

{lang==='en' ? "INTERACTIVE · SAMIZDAT CARBON COPIES" : "ИНТЕРАКТИВ · САМИЗДАТ · КОПИИ ЧЕРЕЗ КОПИРКУ"}

{lang==='en'?"Peel back the layers":"Разберите стопку"}

{lang==='en' ? "Each copy typed through carbon paper. By the fourth, text fades. Read and pass on." : "Каждая копия печаталась через кальку. К четвёртой текст блёкнет. Читай и передай другому."}

{layers.map((_,i) => ( ))}

{layers.map((l, i) => { const show = i >= depth; if (!show) return null; const d = i - depth; return (

{l.title} · {l.note}

Рукописи не горят. Рукописи не горят. Рукописи не горят.

В лагере вот кто подыхает: кто миски лижет, кто на санчасть надеется да кто к куму ходит стучать.

Прошёл день, ничем не омрачённый, почти счастливый.

{lang==='en'?"... Read and pass it on.":"... Читай и передай другому."}

); })}

); } window.CarbonStack = CarbonStack;