:root{color-scheme:dark;--ink:#c3d7e8;--muted:#7e9ab7}body{background:radial-gradient(ellipse at 50% 12%,#243454,#111c33 76%);color:#b5cde1}h1{color:#d6e3ee}.title p,.page-caption{color:#96aec7}.scene{background:#1a2b47;box-shadow:0 18px 65px #050c2380,0 0 0 1px #9cb1d52b}.rain-story-background{position:absolute;inset:0;background:url('assets/rain/story/atlas-v1.webp') 0 0/200% 200%}.scene[data-page="2"] .rain-story-background{background-position:100% 0}.scene[data-page="3"] .rain-story-background{background-position:0 100%}.scene[data-page="4"] .rain-story-background{background-position:100% 100%}.rain-story-wash{position:absolute;inset:0;background:linear-gradient(#5a82c60a,transparent 70%,#101d381c);pointer-events:none}#rainStoryArt,#rainCloudLayer,#rainFireflies{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#rainFireflies{z-index:1;opacity:.6}#rainStoryArt{z-index:2}#rainStoryArt [data-object],#rainStoryArt [data-drop],#rainStoryArt [data-letter]{pointer-events:all;cursor:grab;touch-action:none}#rainStoryArt [data-letter]{cursor:pointer}#rainCloudLayer{z-index:3}#rainCloud{pointer-events:all;touch-action:none;cursor:default}.rain-ready #rainCloud{cursor:pointer}.rain-ready .rain-cloud-invite{animation:rain-cloud-invite 2.8s ease-out infinite}.rain-cloud-invite{opacity:0}.rain-drawing .rain-story-wash{background:linear-gradient(125deg,#b7d5ed0d,transparent)}.whisper{color:#95adc5}.footer-note{color:#6d89a7}.continue,.completion-next{color:#aac7df;border-color:#93b0ce44}.bookmark.current{background:#91abc4}.bookmark{border-color:#8aa6c2}.book-bottom{color:#829fbb}.passage-skip{background:#1e3359c9;color:#bdcfe1}.rain-passage{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:8}.in-rain-passage #rainCloudLayer{visibility:hidden}dialog{background:#1b2c48;color:#cbdfef;border-color:#6985a755}dialog p{color:#9cb5cd}.action{border-color:#6785a044}#rainSound{font-size:0}#rainSound::before{content:'♫';font-size:14px}[data-object]:focus-visible,[data-drop]:focus-visible,[data-letter]:focus-visible,#rainCloud:focus-visible{outline:1px solid #d9c796;outline-offset:5px}@keyframes rain-cloud-invite{0%{opacity:.55;transform:scale(.8)}100%{opacity:0;transform:scale(1.5)}}@media(prefers-reduced-motion:reduce){.rain-ready .rain-cloud-invite{opacity:.45}}

#rainLetter{pointer-events:all;cursor:pointer}#rainLetter[hidden]{display:none}

/* The instructions describe the physical object currently under the hand. */
.rain-story-active.rain-guidance .whisper{opacity:1!important;background:rgba(20,38,59,.91)!important;color:#e0ebee!important;padding:11px 14px!important;border-radius:14px;font-size:12px;line-height:1.8;text-shadow:none}
.rain-story-active .continue,.rain-story-active .completion-next{background:#e5e6cf!important;color:#354b50!important;box-shadow:0 3px 15px #0e213b50}
.rain-story-active [data-object]:focus-visible,.rain-story-active [data-drop]:focus-visible,.rain-story-active #rainCloud:focus-visible{outline:none;filter:drop-shadow(0 0 4px #e7f1c8)}
.rain-story-active #rainCloud[data-object]{cursor:grab}.rain-story-active.is-dragging #rainCloud{cursor:grabbing}
.in-rain-passage #rainStoryArt{visibility:hidden}.rain-passage{z-index:8}.rain-story-active .passage-skip{z-index:35}

.rain-story-active .crafted{filter:saturate(.55) brightness(.74)}.rain-story-active .living-petal{filter:saturate(.7) brightness(.9)}.rain-story-active #rainCloudPaint,.rain-passage [data-letter]{filter:drop-shadow(0 1px 1px #081729) drop-shadow(0 0 2px #c1e2ed)}

/* No instruction cards, hint buttons, or abstract invitation rings. */
.rain-story-active #whisper:empty,.rain-story-active .rain-cloud-invite{display:none!important}
.rain-story-active #continue{min-width:48px;font-size:24px}
.rain-story-active #rainCloud[data-object]{cursor:pointer}
.rain-story-active .is-dragging #rainCloud{cursor:grabbing}

.rain-story-active #whisper:not(:empty){display:block;opacity:1;background:#20354bea;padding:12px;border-radius:12px}

/* v70: four physical puzzles; no automatic jumping input on the companion. */
#rainCloud:not([data-object]){cursor:default}.rain-ready #rainCloud{cursor:pointer}.rain-story-active [data-object]{cursor:grab}.rain-story-active.is-dragging [data-object]{cursor:grabbing}.rain-story-active #rainStoryArt [data-drop]{pointer-events:all}.rain-story-active #rainStoryArt [data-object^="mirrorMove"]{cursor:move}.rain-story-active #rainStoryArt [data-object^="glassTurn"]{cursor:grab}

.rain-story-active:not(.rain-ready) #rainCloud{pointer-events:none}

.rain-night-frame{filter:saturate(.45) brightness(.68)}.rain-fixed-glass{filter:saturate(.4) brightness(.55)}

/* v71: the mechanics share the conservatory's stone, brass and moonlit glass. */
.rain-story-active .page-caption{opacity:.35;letter-spacing:2px;color:#d2d5d1;text-shadow:0 1px 6px #10223b}
.rain-story-active .rain-story-wash{background:linear-gradient(#14284405,transparent 65%,#10213a0d)}
.rain-story-active #rainCloudPaint{filter:drop-shadow(0 2px 3px #13213966)}
.rain-story-active #rainStoryArt .living-petal{filter:saturate(.66) brightness(.84)}
.v71-flower-breath{animation:v71-breathe 4.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.v71-pool-ripple{animation:v71-ripple 4.8s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes v71-breathe{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes v71-ripple{0%{opacity:0;transform:scale(.7)}25%{opacity:.4}100%{opacity:0;transform:scale(1.5)}}
@media(prefers-reduced-motion:reduce){.v71-flower-breath,.v71-pool-ripple{animation:none}}

#rainCloudPaint [data-v71-cloud]{animation:v71-cloud-breath 5s ease-in-out infinite;transform-origin:center}
@keyframes v71-cloud-breath{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
@media(prefers-reduced-motion:reduce){#rainCloudPaint [data-v71-cloud]{animation:none}}

.v71-cloud-sparks{animation:v71-sparks-enter 1.8s ease-out both}@keyframes v71-sparks-enter{from{opacity:0}to{opacity:1}}