.bf-rewards{margin:26px 0;color:var(--mlw-text,#344258)}.bf-reward-heading>span{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#867096}.bf-reward-heading h3{font-size:clamp(23px,2vw,32px);margin:6px 0}.bf-reward-heading p{font-size:15px;line-height:1.6;max-width:680px;color:var(--mlw-muted,#657880)}.bf-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:18px}.bf-reward-card{display:flex;align-items:center;gap:14px;padding:21px;border-radius:29px;background:var(--bf-card-color);border:2px solid #fff8;box-shadow:0 7px 0 #6c607719;min-width:0}.bf-portrait{position:relative;width:130px;min-width:95px;flex:0 1 130px;aspect-ratio:1/1.2;border-radius:48%;background:radial-gradient(ellipse at 50% 65%,#fff8,#fff0 68%)}.bf-portrait>svg{position:relative;z-index:1;display:block;width:100%;height:100%;stroke:none}.bf-portrait>i{position:absolute;width:80%;height:15px;border-radius:50%;left:10%;bottom:0;background:#7a8d6320}.bf-reward-copy{flex:1;min-width:0}.bf-friend-badge{display:inline-flex;background:#fff9;border:1px solid #fff;padding:3px 10px;border-radius:12px;font-size:12px;color:#746159;font-weight:700}.bf-reward-copy h4{font-size:27px;margin:7px 0 0;line-height:1.1;letter-spacing:-.7px;color:#4f4e5e}.bf-reward-copy>strong{display:block;font-size:14px;margin-top:4px;color:#6b6367}.bf-reward-copy p{font-size:13px;line-height:1.6;margin:8px 0;color:#68626b}.bf-reward-copy small{display:block;font-size:12px;line-height:1.55;color:#6d6367}.bf-unlock-track{display:flex;gap:5px;margin:10px 0}.bf-unlock-track i{height:10px;width:25px;border-radius:8px;background:#fff8;border:1px solid #b4a7a440}.bf-unlock-track i.on{background:#dbb966;border-color:#ba9953}.bf-reward-card.is-open .bf-friend-badge{background:#f1fae0;color:#56704e;border-color:#c3d6ac}.bf-edge{height:150px;position:fixed;bottom:6px;pointer-events:none!important;z-index:122;overflow:hidden;isolation:isolate;contain:layout paint;animation:bf-appear .25s ease-out both}.bf-edge *{pointer-events:none!important}.bf-canvas{position:absolute;width:244px;height:150px;left:0;bottom:0}.bf-actor{position:absolute;left:27px;bottom:0;width:117px;height:132px;z-index:2;transform-origin:50% 93%;animation:bf-breathe 1.6s ease-in-out infinite}.bf-actor>svg{display:block;width:100%;height:100%;stroke:none;overflow:visible}.bf-prop{position:absolute;inset:0;z-index:3}.bf-prop>svg{display:block;width:100%;height:100%;stroke:none}.bf-body{transform-box:fill-box;transform-origin:50% 95%}.bf-head{transform-box:fill-box;transform-origin:50% 80%}.bf-ear{transform-box:fill-box;transform-origin:50% 100%;animation:bf-ear 2s ease-in-out infinite}.bf-ear-right{animation-delay:.3s}.bf-eyes{transform-box:fill-box;transform-origin:50%;animation:bf-blink 4.1s infinite}.bf-tail{transform-box:fill-box;transform-origin:0% 70%;animation:bf-tail 1.2s ease-in-out infinite}.bf-arm{transform-box:fill-box;transform-origin:50% 5%}.bf-foot{transform-box:fill-box;transform-origin:50% 30%}.bf-small{height:110px}.bf-small .bf-canvas{transform:scale(.73);transform-origin:left bottom}.bf-small .bf-actor{left:0}.bf-small .bf-prop{left:-18px}.bf-scene-hop .bf-actor{animation:bf-hops var(--bf-duration) ease-in-out both}.bf-scene-hop .bf-ear{animation:bf-ear .6s ease-in-out 8}.bf-scene-flower .bf-actor{animation:bf-water var(--bf-duration) ease-in-out both}.bf-scene-flower .bf-arm-right{animation:bf-water-arm 1s ease-in-out 4}.bf-flower{transform-origin:153px 135px;animation:bf-grow var(--bf-duration) ease-out both}.bf-drops{animation:bf-drop .7s ease-in 6}.bf-scene-peek .bf-actor{z-index:1;animation:bf-peek var(--bf-duration) ease-in-out both}.bf-scene-peek .bf-head{animation:bf-look 1.1s ease-in-out 4}.bf-scene-carrot .bf-arm-right{animation:bf-munch 1s ease-in-out 5}.bf-scene-carrot .bf-head{animation:bf-chew .5s ease-in-out 9}.bf-held-prop{transform-origin:106px 125px;animation:bf-snack 1s ease-in-out 5}.bf-scene-kite .bf-actor{animation:bf-kite-friend 1.2s ease-in-out 4}.bf-kite{transform-origin:155px 61px;animation:bf-kite 1.1s ease-in-out 5}.bf-scene-leaves .bf-actor{animation:bf-leaf-hop var(--bf-duration) ease-in-out both}.bf-leaves{transform-origin:143px 133px;animation:bf-leaves var(--bf-duration) ease-in-out both}.bf-butterfly{transform-origin:158px 58px;animation:bf-butterfly var(--bf-duration) ease-in-out both}.bf-scene-butterfly .bf-head{animation:bf-look 1s ease-in-out 5}.bf-scene-scooter .bf-canvas{animation:bf-scooter var(--bf-duration) ease-in-out both}.bf-scene-scooter .bf-actor{bottom:10px;left:41px;rotate:8deg}.bf-scene-scooter .bf-foot-left{animation:bf-push .75s ease-in-out 5}.bf-scene-boat .bf-actor{left:68px;bottom:11px;scale:.8}.bf-scene-boat .bf-canvas{animation:bf-sail var(--bf-duration) ease-in-out both}.bf-scene-shell .bf-arm-right{animation:bf-balance .65s ease-in-out 7}.bf-shell{transform-origin:115px 114px;animation:bf-shell var(--bf-duration) ease-in-out both}.bf-scene-splash .bf-actor{animation:bf-splash-hop var(--bf-duration) ease-in-out both}.bf-splash{transform-origin:110px 132px;animation:bf-splash .75s ease-in-out 6}.bf-scene-roll .bf-actor{animation:bf-roll var(--bf-duration) ease-in-out both}.bf-roll-dust{animation:bf-dust 1.1s ease-out 4}.bf-bubbles{animation:bf-bubbles var(--bf-duration) ease-in-out both}.bf-scene-bubbles .bf-arm-right{animation:bf-wave .8s ease-in-out 6}.bf-scene-fish .bf-head{animation:bf-look 1s ease-in-out 5}.bf-fish{animation:bf-fish var(--bf-duration) ease-in-out both}.bf-scene-drum .bf-arm-right{animation:bf-drum-arm .5s ease-in-out 9}.bf-sticks{transform-origin:137px 114px;animation:bf-drum-arm .5s ease-in-out 9}.bf-paperboat{animation:bf-paperboat var(--bf-duration) ease-in-out both}.bf-scene-paperboat .bf-arm-right{animation:bf-wave 1s ease-in-out 4}.bf-companion{left:137px;width:100px;height:113px}.bf-scene-dance .bf-actor{animation:bf-dance var(--bf-duration) linear both;animation-delay:var(--bf-delay)}.bf-scene-dance .bf-arm-left{animation:bf-dance-left var(--bf-beat) ease-in-out 8;animation-delay:var(--bf-delay)}.bf-scene-dance .bf-arm-right{animation:bf-dance-right var(--bf-beat) ease-in-out 8;animation-delay:var(--bf-delay)}.bf-scene-dance .bf-foot-left{animation:bf-dance-foot var(--bf-beat) ease-in-out 8;animation-delay:var(--bf-delay)}.bf-scene-dance .bf-foot-right{animation:bf-dance-foot var(--bf-beat) ease-in-out 8 reverse;animation-delay:var(--bf-delay)}.bf-scene-dance .bf-head{animation:bf-head-beat var(--bf-beat) ease-in-out 8;animation-delay:var(--bf-delay)}
@keyframes bf-appear{from{opacity:0}to{opacity:1}}@keyframes bf-breathe{50%{translate:0 -1px;rotate:1deg}}@keyframes bf-ear{40%{rotate:-6deg}65%{rotate:5deg}}@keyframes bf-tail{50%{rotate:9deg}}@keyframes bf-blink{0%,42%,46%,100%{scale:1 1}44%{scale:1 .08}}@keyframes bf-hops{0%,100%{translate:0 0;rotate:0deg}12%,32%,52%,72%{translate:8px 2px;scale:1.05 .94}20%,40%,60%,80%{translate:21px -23px;scale:.95 1.05;rotate:-4deg}26%,46%,66%,88%{translate:35px 0;scale:1.07 .94}}@keyframes bf-water{25%,65%{rotate:8deg;translate:13px 0}}@keyframes bf-water-arm{50%{rotate:-45deg}}@keyframes bf-grow{0%,20%{scale:.2 .2}75%,100%{scale:1 1}}@keyframes bf-drop{0%{opacity:0;translate:0 -5px}40%{opacity:1}100%{opacity:0;translate:7px 12px}}@keyframes bf-peek{0%,100%{translate:0 0}23%,66%{translate:53px 0}39%,49%{translate:22px 0;rotate:-10deg}80%{translate:65px 0;rotate:9deg}}@keyframes bf-look{50%{rotate:-9deg}}@keyframes bf-munch{50%{rotate:-22deg}}@keyframes bf-chew{50%{scale:1.025 .99;translate:0 1px}}@keyframes bf-snack{50%{translate:-4px -17px;rotate:-8deg}}@keyframes bf-kite-friend{50%{rotate:-5deg;translate:0 -3px}}@keyframes bf-kite{50%{rotate:15deg;translate:8px -6px}}@keyframes bf-leaf-hop{0%,100%{translate:0 0}20%,48%,76%{translate:28px -17px;rotate:4deg}31%,60%,90%{translate:45px 0;scale:1.05 .96}}@keyframes bf-leaves{0%,100%{translate:0 0;rotate:0deg}30%{translate:10px -22px;rotate:12deg}60%{translate:-9px -11px;rotate:-10deg}}@keyframes bf-butterfly{0%,100%{translate:0 0;scale:1 1}25%{translate:-30px -13px;scale:.75 1}50%{translate:-69px 4px;scale:1 1}70%{translate:-40px -19px;scale:.6 1}}@keyframes bf-scooter{0%{translate:-38px 0}25%{translate:0 0}75%{translate:38px 0}100%{translate:49px 0}}@keyframes bf-push{50%{rotate:-30deg;translate:-3px 6px}}@keyframes bf-sail{0%{translate:-20px 0;rotate:-2deg}25%,75%{translate:6px -2px;rotate:2deg}50%{translate:19px 0;rotate:-2deg}100%{translate:40px 0;rotate:0deg}}@keyframes bf-balance{50%{rotate:-15deg}}@keyframes bf-shell{0%,100%{translate:0 0;rotate:0deg}25%,75%{translate:-3px -18px;rotate:-13deg}50%{translate:3px -36px;rotate:12deg}}@keyframes bf-splash-hop{0%,100%{translate:0 0}15%,45%,75%{translate:15px -22px;rotate:-5deg}28%,59%,89%{translate:25px 2px;scale:1.05 .94}}@keyframes bf-splash{0%,100%{opacity:0;scale:.4 .2}35%{opacity:1;scale:1 1;translate:0 -7px}}@keyframes bf-roll{0%,15%,100%{rotate:0deg;translate:0 0}25%{rotate:15deg;translate:10px 3px}40%{rotate:180deg;translate:34px -4px}55%{rotate:360deg;translate:68px 0}70%{rotate:360deg;translate:68px -9px}85%{rotate:360deg;translate:68px 0}}@keyframes bf-dust{0%,100%{opacity:0;translate:0 0}35%{opacity:.7;translate:-9px -3px}}@keyframes bf-bubbles{0%{opacity:0;translate:-12px 34px}20%{opacity:1}85%{opacity:.8;translate:9px -28px}100%{opacity:0;translate:15px -40px}}@keyframes bf-wave{50%{rotate:-49deg}}@keyframes bf-fish{0%,100%{translate:0 4px;rotate:0deg}30%{translate:-16px -7px;rotate:-9deg}65%{translate:12px -4px;rotate:7deg}}@keyframes bf-drum-arm{50%{rotate:-18deg;translate:0 -5px}}@keyframes bf-paperboat{0%{translate:-12px 1px;rotate:-3deg}30%{translate:0 -2px;rotate:3deg}70%{translate:20px 0;rotate:-3deg}100%{translate:38px -1px;rotate:2deg}}
.bf-reward-copy button{display:block;width:100%;min-height:45px;padding:9px 12px;border-radius:14px;margin-top:12px;background:#fffaf0;border:1px solid #ab9b8255;font-weight:750;font-size:13px;color:#5c5f6a;box-shadow:0 3px 0 #8c816522;touch-action:manipulation}.bf-reward-copy button:focus-visible{outline:3px solid #478cae;outline-offset:4px}.bf-reward-copy button:disabled{opacity:.65}.bf-friend-status:not(:empty){margin-top:13px;padding:11px 16px;background:var(--mlw-card,#fff9ef);border-radius:15px;font-size:14px;line-height:1.5}
.bf-reserved-friend{visibility:hidden!important;pointer-events:none!important}
/* Eight whole-body poses land on the same eight half-second beats as the music. */
@keyframes bf-dance{0%{translate:0 0;rotate:0deg;scale:1 1}6.25%{translate:-4px 3px;rotate:-5deg;scale:1.03 .95}12.5%{translate:-13px -3px;rotate:5deg;scale:.97 1.03}18.75%{translate:-5px 3px;rotate:0deg;scale:1.04 .95}25%{translate:11px -5px;rotate:-7deg;scale:.98 1.03}31.25%{translate:7px 3px;rotate:-3deg;scale:1.04 .95}37.5%{translate:-10px -9px;rotate:11deg;scale:.96 1.05}43.75%{translate:0 3px;rotate:0deg;scale:1.06 .94}50%{translate:12px -2px;rotate:-10deg;scale:1 1}56.25%{translate:4px 3px;rotate:0deg;scale:1.04 .95}62.5%{translate:-11px -7px;rotate:8deg;scale:.97 1.05}68.75%{translate:-3px 4px;rotate:0deg;scale:1.05 .93}75%{translate:10px -15px;rotate:-7deg;scale:.95 1.06}81.25%{translate:0 3px;rotate:0deg;scale:1.06 .94}87.5%{translate:-8px -6px;rotate:7deg;scale:.98 1.02}93.75%{translate:0 3px;rotate:0deg;scale:1.03 .96}100%{translate:0 0;rotate:0deg;scale:1 1}}@keyframes bf-dance-left{0%,100%{rotate:8deg}50%{rotate:63deg}}@keyframes bf-dance-right{0%,100%{rotate:-49deg}50%{rotate:-7deg}}@keyframes bf-dance-foot{0%,100%{rotate:0deg;translate:0 0}50%{rotate:16deg;translate:0 -5px}}@keyframes bf-head-beat{0%,100%{rotate:-4deg;translate:0 0}50%{rotate:4deg;translate:0 1px}}
@media(max-width:760px){.bf-edge{bottom:calc(80px + env(safe-area-inset-bottom))}.bf-reward-grid{gap:14px}.bf-reward-card{padding:15px;gap:10px}.bf-reward-copy h4{font-size:25px}}@media(max-width:560px){.bf-reward-grid{grid-template-columns:1fr}.bf-portrait{min-width:95px;max-width:120px}.bf-reward-heading p{font-size:14px}.bf-rewards{margin:22px 0}.bf-reward-card{border-radius:24px}}body.motion-off .bf-edge{display:none}@media(prefers-reduced-motion:reduce){.bf-edge{display:none}.bf-rewards *{animation:none!important}}@media print{.bf-edge{display:none!important}}