/* A visible cause, then a visible celebration. */
.balloon-party{background:#d8c7f2;color:#47203a}.balloon-party[data-mode=burst]{background:#47203a;color:#e7cdef}.balloon-party canvas{pointer-events:none}.balloon-trigger{position:absolute;inset:13% 8% 44px;background:transparent;border:0;color:inherit;z-index:7;cursor:pointer;touch-action:none;padding:0}.balloon-cue{position:absolute;left:50%;bottom:0;translate:-50% 0;font:600 13px/1.4 var(--sans);letter-spacing:.025em;white-space:nowrap;border-bottom:1px solid currentColor;padding:13px 6px}.balloon-trigger:active{translate:0}.balloon-trigger:focus-visible{outline:1px dashed currentColor;outline-offset:0}.balloon-reply{position:absolute;left:50%;top:43%;translate:-50% -50%;font:800 clamp(90px,15vw,200px)/.85 var(--condensed);letter-spacing:-.025em;margin:0;pointer-events:none;white-space:nowrap}.balloon-party[data-mode=burst] .balloon-trigger{cursor:pointer}
/* One familiar gesture is the complete invitation. */
.high-five{background:#efacc0;color:#5a2334}.five-title{position:absolute;left:7%;top:31%;margin:0;font:800 clamp(80px,13vw,180px)/.84 var(--condensed);letter-spacing:-.025em;pointer-events:none}.five-hand{position:absolute;left:70%;top:50%;translate:-50% -50%;width:min(49vw,570px);aspect-ratio:1;padding:0;background:transparent;border:0;perspective:900px;cursor:pointer;touch-action:manipulation;z-index:5}.gesture-art{display:block;width:100%;height:100%;background-image:url('./assets/gesture-atlas.png');background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 20px 18px #5a233430);transform-origin:50% 80%;transition:transform .2s cubic-bezier(.16,1,.3,1)}.five-hand:hover:not(:disabled) .gesture-art{transform:rotate(-6deg) translateY(-7px)}.five-hand:active{translate:-50% -50%}.five-hand:disabled{cursor:default}.five-hand:focus-visible{outline:2px solid #5a2334;outline-offset:-20px;border-radius:50%}.five-impact .gesture-art{animation:five-slap .43s cubic-bezier(.16,1,.3,1)}.five-reply{position:absolute;left:70%;bottom:13%;translate:-50% 0;margin:0;font:500 italic clamp(28px,3.2vw,42px)/1.1 var(--serif);white-space:nowrap;pointer-events:none}.five-sparks{z-index:8;pointer-events:none}@keyframes five-slap{0%{transform:rotate(0) scale(1)}28%{transform:rotate(7deg) scale(.88) rotateX(14deg)}70%{transform:rotate(-4deg) scale(1.06)}100%{transform:rotate(0) scale(1)}}
@media(max-width:700px){.balloon-trigger{inset:13% 5% 40px}.balloon-cue{font-size:12px;min-height:44px}.balloon-reply{font-size:25vw}.five-title{left:8%;top:16%;font-size:24vw;line-height:.84}.five-hand{left:50%;top:57%;width:104vw;max-width:490px}.five-reply{left:50%;bottom:12%;font-size:30px}}
@media(prefers-reduced-motion:reduce){.gesture-art{transition:none}.five-impact .gesture-art{animation:none}.five-hand:hover:not(:disabled) .gesture-art{transform:none}}