/* The outer button follows the scrollbar; the inner paper alone gently floats. */
.wedding-crane{padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}
.welcome-done .wedding-crane{top:0;transform:translate3d(0,var(--crane-y),0);pointer-events:auto;min-width:44px;min-height:44px;z-index:21}
.welcome-settled .wedding-crane{transition:none;will-change:transform}
.crane-tilt{display:block;width:100%;height:100%;transform:rotate(var(--crane-tilt));transform-origin:center}
.wedding-crane:focus-visible{outline:2px solid var(--gold-strong);outline-offset:3px;border-radius:50%}
.crane-trivia{position:fixed;right:16px;bottom:var(--trivia-bottom,180px);box-sizing:border-box;width:286px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--trivia-bottom,180px) - 12px);overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--gold);border-radius:16px 16px 4px 16px;padding:13px 16px;box-shadow:0 5px 22px #40352818;z-index:22;font-size:13px;line-height:1.85;opacity:1;transition:opacity .22s ease}
.crane-trivia[hidden]{display:none}
.crane-trivia.is-fading{opacity:0;pointer-events:none}
.trivia-text{margin:0;overflow-wrap:anywhere}
@media(max-width:760px){.welcome-done .wedding-crane{width:50px;height:50px;right:4px}.crane-trivia{right:12px}.welcome-settled .wedding-crane{transition:none}}
@media(prefers-reduced-motion:reduce){.welcome-done .wedding-crane{top:0;transform:translate3d(0,var(--crane-y),0)!important;transition:none!important}.crane-tilt{transform:none}.crane-shape{animation:none!important}}

@media(prefers-reduced-motion:reduce){.crane-trivia{transition:none}}