@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{--joy-red:#c9483e;--joy-red-dark:#91332f;--joy-coral:#eb796a;--joy-peach:#f3b198;--joy-cream:#fff7e7;--joy-paper:#fffaf0;--joy-gold:#c48f43;--joy-gold-light:#f0d494;--joy-jade:#648e7e;--joy-ink:#4a2c29;--joy-muted:#89625b;--joy-serif:"Noto Serif SC","Songti SC",serif;--joy-display:"DM Serif Display","Noto Serif SC",serif}*{box-sizing:border-box}html,body,#root{background:#f5e6d2;width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body,button,input{color:var(--joy-ink);font-family:var(--joy-serif)}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.joy-app{width:100%;height:100svh;min-height:590px;color:var(--joy-ink);isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:radial-gradient(circle at 60% 43%,#fffdeefa 0 9%,#fff5e0d1 28%,#0000 53%),linear-gradient(145deg,#fcebd7 0%,#f4cfb1 45%,#eca48f 100%);position:relative;overflow:hidden}.joy-paper-texture{z-index:1;opacity:.32;mix-blend-mode:multiply;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#7444322b 0 .7px,#0000 1px),radial-gradient(circle at 75% 62%,#7444321c 0 .65px,#0000 1px);background-size:19px 19px,27px 27px;position:absolute;top:0;bottom:0;left:0;right:0}.joy-app:before,.joy-app:after{z-index:2;content:"";opacity:.72;pointer-events:none;filter:drop-shadow(0 12px 18px #70352817);background:radial-gradient(at 30% 15%,#f8dca2 0 7%,#0000 7.5%),radial-gradient(at 66% 28%,#d86759 0 8%,#0000 8.5%),radial-gradient(at 34% 43%,#fff1d3 0 6%,#0000 6.5%),radial-gradient(at 72% 61%,#d75a51 0 9%,#0000 9.5%),radial-gradient(at 30% 78%,#f4c37d 0 8%,#0000 8.5%),linear-gradient(90deg,#9c342f52,#0000);width:13%;position:absolute;top:-6%;bottom:-8%}.joy-app:before{left:0}.joy-app:after{right:0;transform:scaleX(-1)}.joy-title{z-index:30;grid-template-rows:auto 1fr auto;grid-template-columns:auto auto;column-gap:15px;height:46%;display:grid;position:absolute;top:5.5%;left:max(28px,min(4vw,70px))}.joy-title>span{color:var(--joy-muted);font-family:var(--joy-display);letter-spacing:.18em;writing-mode:horizontal-tb;grid-column:1/-1;margin-bottom:19px;font-size:8px}.joy-title h1{color:var(--joy-red-dark);letter-spacing:.06em;grid-row:2;margin:0;font-size:max(54px,min(5.4vw,82px));font-weight:500;line-height:1.06}.joy-title p{color:var(--joy-ink);letter-spacing:.15em;writing-mode:vertical-rl;grid-row:2;margin:8px 0 0;font-size:11px;line-height:2.25}.joy-title>i{color:#fff8e7;background:var(--joy-red);letter-spacing:.17em;border-radius:2px;grid-column:1/-1;width:max-content;margin-top:16px;padding:5px 8px;font-size:7px;font-style:normal}.joy-top-actions{z-index:50;top:max(18px,env(safe-area-inset-top));gap:8px;display:flex;position:absolute;right:max(20px,min(3vw,46px))}.joy-top-actions button{min-width:38px;height:38px;color:var(--joy-red-dark);letter-spacing:.08em;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#fff9ebab;border:1px solid #ffffffb3;border-radius:999px;place-items:center;padding:0 13px;font-size:8px;display:grid;box-shadow:0 10px 30px #5e312614}.joy-top-actions button svg{width:15px}.joy-top-actions .joy-invite-button{color:#fff9e9;background:#a23530e6;box-shadow:0 12px 30px #8d302b30}.joy-facts{z-index:35;color:var(--joy-muted);gap:7px;display:grid;position:absolute;bottom:25px;left:max(25px,min(3vw,48px))}.joy-facts>div{letter-spacing:.08em;align-items:center;gap:8px;font-size:8px;display:flex}.joy-facts svg{width:13px;color:var(--joy-red)}.joy-world{z-index:3;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.joy-world:before{content:"";background:repeating-linear-gradient(90deg,#7e4d360e 0 1px,#0000 1px 38px),linear-gradient(#efd8b8,#e6bd98);height:23%;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 7px 20px #884c330d}.joy-sun{opacity:.48;background:#f6cf7a;border-radius:50%;width:max(90px,min(10vw,150px));height:max(90px,min(10vw,150px));transition:opacity .7s,transform .9s;position:absolute;top:13%;right:19%;box-shadow:0 0 0 25px #f8d17e17,0 0 90px #f5b84c24}.stage-2 .joy-sun,.stage-3 .joy-sun,.stage-4 .joy-sun,.stage-5 .joy-sun,.stage-6 .joy-sun,.stage-7 .joy-sun,.stage-8 .joy-sun{opacity:.95;transform:scale(1.08)}.joy-cloud{opacity:.66;background:#fffae9b3;border-radius:999px;width:120px;height:28px;animation:9s ease-in-out infinite joyCloud;position:absolute}.joy-cloud:before,.joy-cloud:after{content:"";background:inherit;border-radius:50% 50% 0 0;position:absolute;bottom:0}.joy-cloud:before{width:48px;height:45px;left:18px}.joy-cloud:after{width:58px;height:58px;right:16px}.joy-cloud--one{top:22%;left:25%}.joy-cloud--two{animation-delay:-4s;bottom:30%;right:7%;transform:scale(.62)}@keyframes joyCloud{50%{translate:22px}}.joy-lantern{z-index:2;opacity:.26;background:repeating-linear-gradient(90deg,#a73531 0 9px,#c94c42 9px 18px);border-radius:45% 45% 42% 42%;width:84px;height:105px;transition:opacity .52s,transform .7s cubic-bezier(.22,1,.36,1),box-shadow .5s;position:absolute;top:8%;transform:translateY(-28px);box-shadow:inset 0 0 28px #56181940}.joy-lantern:before{content:"";background:#9b6b39;height:7px;position:absolute;bottom:100%;left:14px;right:14px}.joy-lantern:after{content:"";background:#a74639;width:2px;height:80px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.joy-lantern>i{background:#74452f61;width:1px;height:100px;position:absolute;top:-100px;left:50%}.joy-lantern>b{color:#f7d98f;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.joy-lantern--left{left:22%}.joy-lantern--right{right:7%;transform:translateY(-28px)scale(.75)}.stage-1 .joy-lantern,.stage-2 .joy-lantern,.stage-3 .joy-lantern,.stage-4 .joy-lantern,.stage-5 .joy-lantern,.stage-6 .joy-lantern,.stage-7 .joy-lantern,.stage-8 .joy-lantern{opacity:.94;transform:translateY(0);box-shadow:0 0 40px #ec79535c,inset 0 0 28px #56181936}.stage-1 .joy-lantern--right,.stage-2 .joy-lantern--right,.stage-3 .joy-lantern--right,.stage-4 .joy-lantern--right,.stage-5 .joy-lantern--right,.stage-6 .joy-lantern--right,.stage-7 .joy-lantern--right,.stage-8 .joy-lantern--right{transform:translateY(0)scale(.75)}.joy-window{z-index:2;opacity:0;background:linear-gradient(#afd8df 0 61%,#bbcf95 62%);border:12px solid #fff9e8e6;border-radius:44% 44% 4px 4px;width:24%;height:31%;transition:opacity .6s,transform .7s cubic-bezier(.22,1,.36,1);position:absolute;top:19%;right:18%;overflow:hidden;transform:translateY(18px)scale(.94);box-shadow:0 18px 40px #673b2a1f}.joy-window>i{z-index:2;background:repeating-linear-gradient(90deg,#c95147 0 14px,#df6858 14px 28px);width:54%;transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0}.joy-window>i:first-child{border-radius:0 0 32px;left:0}.joy-window>i:nth-child(2){border-radius:0 0 0 32px;right:0}.joy-window>b{background:linear-gradient(90deg,#0000 48%,#fff9e8 48% 52%,#0000 52%),linear-gradient(#0000 48%,#fff9e8 48% 52%,#0000 52%);position:absolute;top:0;bottom:0;left:0;right:0}.stage-2 .joy-window,.stage-3 .joy-window,.stage-4 .joy-window,.stage-5 .joy-window,.stage-6 .joy-window,.stage-7 .joy-window,.stage-8 .joy-window{opacity:.78;transform:translateY(0)scale(1)}.stage-2 .joy-window>i:first-child,.stage-3 .joy-window>i:first-child,.stage-4 .joy-window>i:first-child,.stage-5 .joy-window>i:first-child,.stage-6 .joy-window>i:first-child,.stage-7 .joy-window>i:first-child,.stage-8 .joy-window>i:first-child{transform:translate(-74%)}.stage-2 .joy-window>i:nth-child(2),.stage-3 .joy-window>i:nth-child(2),.stage-4 .joy-window>i:nth-child(2),.stage-5 .joy-window>i:nth-child(2),.stage-6 .joy-window>i:nth-child(2),.stage-7 .joy-window>i:nth-child(2),.stage-8 .joy-window>i:nth-child(2){transform:translate(74%)}.joy-town{z-index:3;opacity:.42;width:37%;height:24%;transition:opacity .5s;position:absolute;bottom:17%;right:5%}.joy-town>i{background:#b96b4d47;border-radius:10px 10px 0 0;position:absolute;bottom:0}.joy-town>i:before{content:"";background:repeating-linear-gradient(90deg,#fff4da99 0 11px,#0000 11px 24px);position:absolute;top:14px;bottom:14px;left:10px;right:10px}.joy-town>i:first-child{width:25%;height:62%;left:3%}.joy-town>i:nth-child(2){background:#b1423d3d;width:32%;height:87%;left:31%}.joy-town>i:nth-child(3){width:31%;height:52%;right:3%}.joy-town>b{color:#fff5dd;background:var(--joy-jade);border-radius:5px;padding:6px 12px;font-size:9px;position:absolute;top:0;left:47%;transform:translate(-50%)}.stage-3 .joy-town,.stage-4 .joy-town,.stage-5 .joy-town,.stage-6 .joy-town,.stage-7 .joy-town,.stage-8 .joy-town{opacity:.78}.joy-car{z-index:8;opacity:0;width:210px;height:92px;transition:opacity .3s,transform .9s cubic-bezier(.22,1,.36,1);position:absolute;bottom:14.5%;right:20%;transform:translate(220px)}.joy-car>i{background:linear-gradient(#d75a50,#a93532);border-radius:40px 56px 14px 14px;height:52px;position:absolute;bottom:12px;left:0;right:0;box-shadow:inset 0 -8px #61171826,0 12px 22px #592b2429}.joy-car>i:after{content:"";background:linear-gradient(145deg,#dbe8e5,#8eb1b2);border:6px solid #b4423c;border-radius:60px 60px 0 0;width:103px;height:47px;position:absolute;top:-30px;left:50px}.joy-car>b{z-index:2;background:#d9c2a2;border:8px solid #443735;border-radius:50%;width:42px;height:42px;position:absolute;bottom:0}.joy-car>b:nth-child(2){left:30px}.joy-car>b:nth-child(3){right:24px}.joy-car>span{z-index:4;color:#f7d985;font-size:17px;position:absolute;top:35px;right:28px}.stage-3 .joy-car,.stage-4 .joy-car,.stage-5 .joy-car,.stage-6 .joy-car,.stage-7 .joy-car,.stage-8 .joy-car{opacity:1;transform:translate(0)}.beat-odd .joy-car>b{animation:.52s cubic-bezier(.2,.75,.35,1) joyWheelOdd}.beat-even.has-hit .joy-car>b{animation:.52s cubic-bezier(.2,.75,.35,1) joyWheelEven}.is-auto .joy-car>b{animation:.68s linear infinite joyWheel}@keyframes joyWheel{to{transform:rotate(360deg)}}@keyframes joyWheelOdd{to{transform:rotate(360deg)}}@keyframes joyWheelEven{to{transform:rotate(360deg)}}.joy-garden{z-index:9;height:15%;position:absolute;bottom:13%;left:17%;right:3%}.joy-garden>i{opacity:0;background:#d95d54;border-radius:46% 54% 42% 58%;width:58px;height:58px;transition:opacity .42s,transform .65s cubic-bezier(.2,1.45,.36,1);position:absolute;bottom:-35px;transform:scale(.2)rotate(-18deg);box-shadow:inset 12px 7px #ffb99747}.joy-garden>i:after{content:"";background:#f3ce7a;border-radius:50%;width:13px;height:13px;position:absolute;top:22px;left:23px}.joy-garden>i:first-child{left:2%}.joy-garden>i:nth-child(2){background:#f0a087;width:44px;height:44px;transition-delay:80ms;left:18%}.joy-garden>i:nth-child(3){background:#f4c879;transition-delay:.16s;left:36%}.joy-garden>i:nth-child(4){background:#fff0cf;width:48px;height:48px;transition-delay:.24s;right:34%}.joy-garden>i:nth-child(5){transition-delay:.32s;right:17%}.joy-garden>i:nth-child(6){background:#dd8d73;width:42px;height:42px;transition-delay:.4s;right:1%}.stage-4 .joy-garden>i,.stage-5 .joy-garden>i,.stage-6 .joy-garden>i,.stage-7 .joy-garden>i,.stage-8 .joy-garden>i{opacity:1;transform:scale(1)rotate(0)}.beat-odd .joy-garden>i:nth-child(odd){animation:.62s ease-out joyBloomOdd}.beat-even.has-hit .joy-garden>i:nth-child(2n){animation:.62s ease-out joyBloomEven}.is-auto .joy-garden>i:nth-child(odd){animation:1.36s ease-in-out infinite joyBloom}@keyframes joyBloom{50%{translate:0 -7px;rotate:5deg}}@keyframes joyBloomOdd{45%{translate:0 -12px;rotate:7deg}}@keyframes joyBloomEven{45%{translate:0 -11px;rotate:-7deg}}.joy-baby{z-index:14;opacity:0;background:#f4b996;border:5px solid #fff5de;border-radius:50%;width:72px;height:72px;transition:opacity .45s,transform .65s cubic-bezier(.2,1.45,.36,1);position:absolute;bottom:23%;right:16%;transform:translateY(30px)scale(.5);box-shadow:0 15px 30px #70352829}.joy-baby:before{content:"";background:#3b2825;border-radius:50% 50% 26% 24%;height:28px;position:absolute;top:-3px;left:5px;right:5px}.joy-baby>i,.joy-baby>b,.joy-baby>em{position:absolute}.joy-baby>b{background:#4c2d29;border-radius:50%;width:5px;height:6px;top:32px}.joy-baby>b:nth-child(2){left:18px}.joy-baby>b:nth-child(3){right:18px}.joy-baby>em{border:2px solid #a24845;border-top:0;border-radius:0 0 12px 12px;width:14px;height:7px;top:47px;left:50%;transform:translate(-50%)}.stage-5 .joy-baby,.stage-6 .joy-baby,.stage-7 .joy-baby,.stage-8 .joy-baby{opacity:1;transform:translateY(0)scale(1)}.beat-odd .joy-baby{animation:.54s cubic-bezier(.2,1.2,.4,1) joyBabyOdd}.beat-even.has-hit .joy-baby{animation:.54s cubic-bezier(.2,1.2,.4,1) joyBabyEven}.is-auto .joy-baby{animation:.85s ease-in-out infinite joyBaby}@keyframes joyBaby{50%{translate:0 -6px;rotate:-4deg}}@keyframes joyBabyOdd{45%{translate:0 -11px;rotate:-6deg}}@keyframes joyBabyEven{45%{translate:0 -11px;rotate:6deg}}.joy-family-photo{z-index:12;opacity:0;background:#fff9eb;width:min(24vw,330px);padding:8px 8px 27px;transition:opacity .6s,transform .85s cubic-bezier(.22,1,.36,1);position:absolute;top:17%;right:8%;transform:translate(45px,35px)rotate(9deg)scale(.72);box-shadow:0 26px 60px #5c302533}.joy-family-photo img{aspect-ratio:1.27;object-fit:cover;object-position:center 38%;filter:saturate(.9)brightness(1.05);width:100%}.joy-family-photo span{color:var(--joy-muted);letter-spacing:.12em;text-align:center;margin-top:9px;font-size:7px;display:block}.stage-6 .joy-family-photo,.stage-7 .joy-family-photo,.stage-8 .joy-family-photo{opacity:1;transform:translate(0)rotate(3deg)scale(1)}.joy-date-card{z-index:13;opacity:0;background:#fffaedeb;border:1px solid #c78e4057;min-width:240px;padding:20px 24px;transition:opacity .55s,transform .65s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:22%;right:8%;transform:translateY(28px)rotate(-2deg);box-shadow:0 22px 55px #5b312529}.joy-date-card:before{content:"";border:1px solid #c590433b;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.joy-date-card small{color:var(--joy-gold);font-family:var(--joy-display);letter-spacing:.18em;font-size:7px}.joy-date-card b{color:var(--joy-red);font-family:var(--joy-display);margin:3px 0;font-size:44px;line-height:1}.joy-date-card span{color:var(--joy-muted);font-size:8px}.stage-7 .joy-date-card,.stage-8 .joy-date-card{opacity:1;transform:translateY(0)rotate(-2deg)}.stage-7 .joy-family-photo,.stage-8 .joy-family-photo{width:min(18vw,240px);top:45%}.joy-particle{z-index:20;top:-24px;left:calc((var(--particle)*47px)%96%);opacity:0;background:var(--joy-red);border-radius:8px 0;width:7px;height:13px;position:absolute}.joy-particle:nth-child(3n){background:var(--joy-gold-light)}.joy-particle:nth-child(4n){background:var(--joy-jade)}.stage-8 .joy-particle{animation:joyConfetti calc(2.2s + (var(--particle)%5)*.18s)ease-out calc((var(--particle)%8)*80ms)infinite}@keyframes joyConfetti{0%{opacity:.9}to{opacity:.25;translate:calc((var(--particle)%3 - 1)*55px)105vh;rotate:540deg}}.joy-moment{z-index:30;width:min(25vw,340px);min-width:250px;position:absolute;bottom:10.5%;left:max(28px,min(4vw,70px))}.joy-moment>span{color:var(--joy-red);font-family:var(--joy-display);letter-spacing:.2em;font-size:8px;font-weight:600}.joy-moment h2{letter-spacing:.02em;min-height:68px;margin:9px 0 7px;font-size:max(23px,min(2.2vw,34px));font-weight:500;line-height:1.35}.joy-moment p{min-height:36px;color:var(--joy-muted);margin:0;font-size:9px;line-height:1.8}.joy-moment__line{background:#8e523e21;height:2px;margin-top:13px;overflow:hidden}.joy-moment__line i{background:linear-gradient(90deg,var(--joy-red),var(--joy-gold));height:100%;transition:width .16s;display:block}.joy-moment>small{color:var(--joy-gold);font-family:var(--joy-display);letter-spacing:.18em;margin-top:6px;font-size:7px;display:block}.joy-playground{z-index:25;place-items:center;display:grid;position:absolute;top:4%;bottom:9%;left:22%;right:17%}.joy-drum-zone{cursor:grab;touch-action:none;outline:0;place-items:center;width:min(49vw,620px);height:min(78vh,620px);display:grid;position:relative}.joy-drum-zone:active{cursor:grabbing}.joy-drum-zone:focus-visible:after{content:"";border:2px solid #c9483e85;border-radius:50%;position:absolute;top:9%;bottom:9%;left:9%;right:9%}.joy-orbit{pointer-events:none;border:1px dashed #a3583f29;border-radius:50%;position:absolute}.joy-orbit--outer{width:91%;height:91%}.joy-orbit--inner{opacity:.45;border-style:solid;width:63%;height:63%}.is-dragging .joy-orbit--outer,.is-auto .joy-orbit--outer{border-color:#c9483e59;animation:1.1s ease-in-out infinite orbitPulse}@keyframes orbitPulse{50%{opacity:.55;transform:scale(1.025)}}.joy-drum{filter:drop-shadow(0 24px 24px #632f252e);pointer-events:none;width:min(25vw,290px);min-width:220px;height:min(53vh,450px);min-height:340px;position:relative}.joy-drum__handle{z-index:1;background:linear-gradient(90deg,#8e5436,#d8995d 43%,#8d5034);border-radius:0 0 15px 15px;width:26px;position:absolute;top:47%;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 5px 0 #ffe2b02e,0 12px 18px #47281e26}.joy-drum__handle>i{background:#9d5d3c;border-radius:50%;height:16px;position:absolute;bottom:-3px;left:-4px;right:-4px}.joy-drum__rotor{z-index:3;aspect-ratio:1;width:100%;transform:translateX(-50%)rotate(var(--drum-turn));will-change:transform;position:absolute;top:8%;left:50%}.joy-drum__body{z-index:3;background:radial-gradient(circle,#ffffff61 0 2px,#0000 2.7px) 0 0/23px 23px,linear-gradient(145deg,#f6d99b,#eab96d);border:13px solid #bd463e;border-radius:50%;place-items:center;display:grid;position:absolute;top:11%;bottom:11%;left:11%;right:11%;overflow:hidden;box-shadow:inset 0 0 0 5px #f9ebc4,inset 0 0 35px #99462f2b,0 15px 28px #6a30262e}.joy-drum__body:before,.joy-drum__body:after{content:"";background:#8d2f2a47;border-radius:50%;width:15%;height:80%;position:absolute;top:50%;transform:translateY(-50%)}.joy-drum__body:before{left:-8%}.joy-drum__body:after{right:-8%}.joy-drum__body>i{border:2px solid #b14e343d;border-radius:50%;position:absolute;top:12%;bottom:12%;left:12%;right:12%}.joy-drum__body>b{z-index:2;color:var(--joy-red);text-shadow:0 3px #fff1c9;font-size:max(54px,min(6vw,80px));font-weight:500;position:relative}.joy-drum__body>span{z-index:2;color:#a35a43;font-family:var(--joy-display);letter-spacing:.15em;font-size:7px;position:absolute;bottom:19%}.joy-drum__cord{z-index:2;transform-origin:50%;background:#a13d38;width:35%;height:3px;position:absolute;top:50%}.joy-drum__cord--left{right:85%}.joy-drum__cord--right{left:85%}.joy-drum__cord>b{background:radial-gradient(circle at 35% 30%,#fb9a7d,#ae342f 69%);border-radius:50%;width:24px;height:24px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 12px #662b2433}.joy-drum__cord--left>b{left:-16px}.joy-drum__cord--right>b{right:-16px}.is-dragging .joy-drum__cord--left,.is-auto .joy-drum__cord--left{animation:.28s ease-in-out infinite alternate cordLeft}.is-dragging .joy-drum__cord--right,.is-auto .joy-drum__cord--right{animation:.28s ease-in-out infinite alternate cordRight}@keyframes cordLeft{to{transform:rotate(calc(-17deg*var(--drum-rate)))}}@keyframes cordRight{to{transform:rotate(calc(17deg*var(--drum-rate)))}}.drum-lacquer .joy-drum__body{background:radial-gradient(circle at 35% 28%,#ffe9b852,#0000 32%),linear-gradient(145deg,#cf5549,#8e292a 72%);border-color:#8f2d2d;box-shadow:inset 0 0 0 5px #d9a653,inset 0 0 40px #4c0f126b,0 20px 38px #68282340}.drum-lacquer .joy-drum__body>b{color:#f5d38b;text-shadow:0 3px #57181866}.drum-lacquer .joy-drum__body>span{color:#f4c77e}.joy-hand-hint{color:var(--joy-muted);opacity:.72;pointer-events:none;align-items:center;gap:7px;font-size:7px;animation:3.2s ease-in-out infinite handOrbit;display:flex;position:absolute;top:10%;left:8%}.joy-hand-hint>i{border:2px solid var(--joy-red);border-radius:9px 9px 5px 5px;width:15px;height:20px;transform:rotate(20deg)}@keyframes handOrbit{50%{translate:18px -13px;rotate:18deg}}.is-dragging .joy-hand-hint,.is-auto .joy-hand-hint{opacity:0}.joy-instruction{z-index:45;bottom:max(22px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9ecbd;border:1px solid #ffffffbf;border-radius:999px;grid-template-columns:auto auto;align-items:center;gap:0 9px;padding:9px 14px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 13px 36px #5e31261c}.joy-instruction>span{background:var(--joy-red);border-radius:50%;grid-row:1/3;width:12px;height:12px}.joy-instruction>span.is-active{animation:.7s ease-out infinite instructionPulse}.joy-instruction b{letter-spacing:.08em;font-size:9px;font-weight:600}.joy-instruction small{color:var(--joy-muted);font-size:6px}@keyframes instructionPulse{0%{box-shadow:0 0 #c9483e5c}to{box-shadow:0 0 0 10px #c9483e00}}.joy-controls{z-index:42;justify-items:end;gap:8px;display:grid;position:absolute;bottom:13%;right:max(20px,min(3vw,46px))}.joy-rate{justify-items:end;margin-bottom:7px;display:grid}.joy-rate strong{color:var(--joy-red-dark);font-family:var(--joy-display);font-size:28px;font-weight:500;line-height:1}.joy-rate span{color:var(--joy-muted);letter-spacing:.1em;font-size:7px}.joy-rate small{color:var(--joy-gold);margin-top:4px;font-size:6px}.joy-controls>button{min-height:34px;color:var(--joy-red-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9ebb3;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:7px;display:flex;box-shadow:0 9px 26px #5c312514}.joy-controls>button svg{width:13px}.joy-controls>button.is-active{color:#fff8e9;background:var(--joy-red)}.joy-toast{z-index:90;color:#fff8e9;opacity:0;pointer-events:none;background:#91332fe6;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:8px;transition:opacity .18s,transform .26s;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%,-8px);box-shadow:0 12px 32px #6925222e}.joy-toast svg{width:13px}.joy-toast.is-visible{opacity:1;transform:translate(-50%)}.joy-modal{z-index:100;-webkit-user-select:text;user-select:text;background:linear-gradient(110deg,#ab3731f7 0 40%,#fff7e7fa 40%),#fff7e7;grid-template-columns:minmax(330px,.82fr) minmax(470px,1.18fr);align-items:center;gap:max(30px,min(5vw,74px));padding:max(30px,min(5vw,80px));animation:.42s cubic-bezier(.22,1,.36,1) both modalIn;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}@keyframes modalIn{0%{opacity:0;transform:scale(1.015)}}.joy-modal__close{z-index:4;top:max(18px,env(safe-area-inset-top));width:40px;height:40px;color:var(--joy-red);background:#fffaeed9;border-radius:50%;place-items:center;display:grid;position:fixed;right:22px;box-shadow:0 10px 28px #5f30251f}.joy-modal__close svg{width:17px}.joy-modal__photo{background:#fff9e9;justify-self:end;width:100%;max-width:500px;padding:11px 11px 82px;position:relative;transform:rotate(-2deg);box-shadow:0 30px 72px #4a1b1c45}.joy-modal__photo img{aspect-ratio:1;object-fit:cover;width:100%}.joy-modal__photo>span{color:var(--joy-gold);font-family:var(--joy-display);letter-spacing:.18em;font-size:7px;position:absolute;bottom:49px;left:24px}.joy-modal__photo>b{font-size:20px;font-weight:500;position:absolute;bottom:19px;left:24px}.joy-modal__photo>b i{color:var(--joy-red);font-family:var(--joy-display);font-style:italic}.joy-modal__content{width:min(100%,600px)}.joy-modal__content>span{color:var(--joy-red);font-family:var(--joy-display);letter-spacing:.22em;font-size:8px}.joy-modal__content h2{word-break:keep-all;margin:14px 0;font-size:max(38px,min(4vw,58px));font-weight:500;line-height:1.18}.joy-baby-quote{border-left:3px solid var(--joy-red);background:#fffbf2b3;grid-template-columns:auto 1fr;align-items:center;gap:1px 9px;padding:10px 13px;font-size:9px;display:grid}.joy-baby-quote svg{width:17px;color:var(--joy-red);grid-row:1/3}.joy-baby-quote small{color:var(--joy-muted);font-size:7px}.joy-invite-facts{margin:13px 0;display:grid}.joy-invite-facts>div{border-bottom:1px solid #7d4b391f;grid-template-columns:25px 90px 1fr;align-items:center;gap:7px;padding:9px 8px;display:grid}.joy-invite-facts svg{width:15px;color:var(--joy-red)}.joy-invite-facts span{color:var(--joy-muted);font-size:7px}.joy-invite-facts b{font-size:8px;font-weight:500}.joy-rsvp{grid-template-columns:1fr 1.25fr;gap:7px;display:grid}.joy-rsvp input{background:#fffcf3d6;border:1px solid #99543f29;border-radius:10px;outline:0;min-width:0;height:40px;padding:0 12px;font-size:8px}.joy-rsvp input:focus{border-color:#c9483e8c;box-shadow:0 0 0 3px #c9483e14}.joy-rsvp>div{align-items:center;gap:5px;display:flex}.joy-rsvp>div button{color:var(--joy-muted);background:#fffaeeab;border:1px solid #97543f24;border-radius:999px;padding:7px 10px;font-size:7px}.joy-rsvp>div button.is-selected{color:#fff8e8;background:var(--joy-red)}.joy-submit{color:#fff8e8;background:var(--joy-red);border-radius:999px;justify-content:center;justify-self:start;align-items:center;gap:6px;min-height:37px;padding:0 15px;font-size:8px;display:inline-flex;box-shadow:0 10px 25px #8f2f2b2e}.joy-submit svg{width:14px}.joy-rsvp-success{color:#477464;background:#ecf7efc7;border:1px solid #648e7c33;border-radius:11px;align-items:center;gap:10px;padding:12px;display:flex}.joy-rsvp-success>svg{width:19px}.joy-rsvp-success>div{gap:2px;display:grid}.joy-rsvp-success b{font-size:9px}.joy-rsvp-success span{font-size:7px}.joy-modal__actions{gap:7px;margin-top:9px;display:flex}.joy-modal__actions a,.joy-modal__actions button{min-height:34px;color:var(--joy-red-dark);background:#fffaeeb3;border:1px solid #98543f24;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:7px;display:flex}.joy-modal__actions svg{width:13px}@media (max-width:900px){.joy-playground{left:20%;right:14%}.joy-drum-zone{width:min(54vw,540px)}.joy-drum{width:min(27vw,270px)}.joy-title{left:26px}.joy-moment{width:250px;left:26px}.joy-controls{right:20px}}@media (max-width:700px){.joy-app{background:radial-gradient(circle at 52% 47%,#fffdeefa 0 12%,#fff3ddc7 35%,#0000 62%),linear-gradient(155deg,#fce8d2,#eeaa91);min-height:540px}.joy-app:before,.joy-app:after{opacity:.48;width:18%}.joy-title{top:max(12px,env(safe-area-inset-top));align-items:center;gap:8px;height:auto;display:flex;left:15px}.joy-title>span{white-space:nowrap;margin:0;font-size:5px;position:absolute;top:36px;left:41px}.joy-title h1{color:#fff8e8;background:var(--joy-red);border-radius:9px;place-items:center;width:34px;height:34px;font-size:15px;line-height:1;display:grid}.joy-title h1 br{display:none}.joy-title p{letter-spacing:.08em;writing-mode:horizontal-tb;margin:0;font-size:8px;line-height:1.5}.joy-title p br,.joy-title>i{display:none}.joy-top-actions{top:max(11px,env(safe-area-inset-top));gap:5px;right:12px}.joy-top-actions button{min-width:34px;height:34px;padding:0 10px}.joy-top-actions .joy-invite-button{font-size:7px}.joy-world:before{height:20%}.joy-lantern{width:51px;height:65px;top:10%}.joy-lantern--left{left:7%}.joy-lantern--right{right:2%}.joy-window{border-width:8px;width:37%;height:25%;top:17%;right:2%}.joy-town{width:58%;height:18%;bottom:17%;right:0}.joy-car{width:132px;height:63px;bottom:15%;right:5%}.joy-car>i{height:35px}.joy-car>i:after{border-width:4px;width:65px;height:34px;top:-21px;left:32px}.joy-car>b{border-width:5px;width:29px;height:29px}.joy-car>span{font-size:12px;top:23px;right:16px}.joy-garden{height:12%;bottom:13%;left:0;right:0}.joy-garden>i{width:39px;height:39px}.joy-garden>i:after{width:9px;height:9px;top:15px;left:16px}.joy-baby{border-width:4px;width:54px;height:54px;bottom:24%;right:8%}.joy-baby:before{height:20px}.joy-baby>b{top:24px}.joy-baby>b:nth-child(2){left:13px}.joy-baby>b:nth-child(3){right:13px}.joy-baby>em{top:35px}.joy-family-photo{width:38vw;padding:5px 5px 19px;top:17%;right:3%}.joy-family-photo span{margin-top:5px;font-size:5px}.stage-7 .joy-family-photo,.stage-8 .joy-family-photo{width:29vw;top:39%}.joy-date-card{min-width:150px;padding:13px 15px;top:20%;right:3%}.joy-date-card b{font-size:30px}.joy-date-card small,.joy-date-card span{font-size:5px}.joy-moment{z-index:35;width:58%;min-width:0;top:76px;bottom:auto;left:16px}.joy-moment>span{font-size:6px}.joy-moment h2{min-height:0;margin:5px 0 3px;font-size:18px;line-height:1.25}.joy-moment p{min-height:0;font-size:7px;line-height:1.55}.joy-moment__line{margin-top:7px}.joy-moment>small{font-size:5px}.joy-playground{top:17%;bottom:17%;left:0;right:0}.joy-drum-zone{width:96vw;height:96vw;max-height:64vh}.joy-drum{width:48vw;min-width:174px;height:57vw;min-height:265px;max-height:330px}.joy-drum__body{border-width:9px}.joy-drum__body>b{font-size:45px}.joy-drum__handle{width:19px}.joy-drum__cord>b{width:17px;height:17px}.joy-hand-hint{font-size:6px;top:14%;left:7%}.joy-controls{gap:5px;bottom:70px;right:9px}.joy-rate{margin-bottom:2px}.joy-rate strong{font-size:19px}.joy-rate span{font-size:5px}.joy-rate small{display:none}.joy-controls>button{min-height:29px;padding:0 8px;font-size:5px}.joy-controls>button svg{width:10px}.joy-instruction{bottom:max(13px,env(safe-area-inset-bottom));padding:7px 10px}.joy-instruction b{font-size:7px}.joy-instruction small{font-size:5px}.joy-facts{display:none}.joy-toast{white-space:nowrap;max-width:calc(100vw - 24px);font-size:7px;top:55px}.joy-modal{background:linear-gradient(107deg,#ab3731f7 0 33%,#fff7e7fa 33%);grid-template-columns:minmax(0,34fr) minmax(0,66fr);gap:9px;padding:55px 11px 22px;overflow-x:hidden}.joy-modal__close{top:max(10px,env(safe-area-inset-top));width:34px;height:34px;right:10px}.joy-modal__photo{padding:5px 5px 49px}.joy-modal__photo>span{font-size:4px;bottom:31px;left:10px}.joy-modal__photo>b{font-size:11px;bottom:11px;left:10px}.joy-modal__content>span{font-size:5px}.joy-modal__content h2{word-break:normal;margin:7px 0;font-size:21px;line-height:1.2}.joy-baby-quote{padding:6px 7px;font-size:6px}.joy-baby-quote svg{width:12px}.joy-baby-quote small{font-size:5px}.joy-invite-facts{margin:6px 0}.joy-invite-facts>div{grid-template-columns:16px 1fr;gap:1px 5px;padding:5px}.joy-invite-facts svg{grid-row:1/3;width:11px}.joy-invite-facts span{font-size:5px}.joy-invite-facts b{font-size:6px}.joy-rsvp{grid-template-columns:1fr;gap:5px}.joy-rsvp input{height:33px;font-size:7px}.joy-rsvp>div{gap:3px}.joy-rsvp>div button{padding:5px 6px;font-size:5px}.joy-submit{min-height:31px;padding:0 10px;font-size:6px}.joy-modal__actions{flex-wrap:wrap;gap:4px}.joy-modal__actions a,.joy-modal__actions button{min-height:29px;padding:0 8px;font-size:5px}}@media (max-height:660px) and (min-width:701px){.joy-drum-zone{height:82vh}.joy-drum{height:76vh;max-height:390px}.joy-title{height:44%}.joy-moment{bottom:9%}.joy-moment h2{min-height:48px;font-size:27px}.joy-controls{bottom:10%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.joy-drum-zone{cursor:default;touch-action:manipulation;place-items:center;width:min(48vw,650px);height:min(82vh,650px);display:grid;position:relative}.joy-big-drum{filter:drop-shadow(0 27px 27px #632f2533);width:min(42vw,520px);height:min(70vh,560px);position:relative}.joy-drum-stand{z-index:1;pointer-events:none;position:absolute;top:25%;bottom:1%;left:6%;right:6%}.joy-drum-stand>i{background:linear-gradient(90deg,#744129,#c1804b 44%,#6e3b25);border-radius:12px;width:23px;position:absolute;top:11%;bottom:4%;box-shadow:inset 5px 0 #ffe2b026,0 14px 22px #47281e29}.joy-drum-stand>i:first-child{left:22%;transform:rotate(18deg)}.joy-drum-stand>i:nth-child(2){right:22%;transform:rotate(-18deg)}.joy-drum-stand>b{background:linear-gradient(#b97543,#714026);border-radius:14px;height:23px;position:absolute;bottom:0;left:9%;right:9%;box-shadow:0 11px 18px #4b291d29}.joy-drum-stand>span{background:linear-gradient(#c3834e,#754128);border-radius:12px;height:19px;position:absolute;top:24%;left:17%;right:17%}.joy-drum-shell{z-index:3;aspect-ratio:1;background:linear-gradient(115deg,#8d2d2d 0 13%,#c74c41 40%,#8b292b 83%);border:8px solid #852b2c;border-radius:50%;width:min(29vw,350px);padding:15px;position:absolute;top:17%;left:50%;transform:translate(-50%);box-shadow:inset -18px 2px 20px #4b121457,18px 8px #6f2425,22px 22px 35px #57241f40}.joy-drum-shell:before,.joy-drum-shell:after{z-index:4;content:"";background:#8c2e2e;border:6px solid #c3974d;border-radius:11px;width:24px;height:44px;position:absolute;top:50%;transform:translateY(-50%)}.joy-drum-shell:before{left:-30px}.joy-drum-shell:after{right:-31px}.joy-drum-hit-target{z-index:5;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 38% 31%,#ffffff8a,#0000 22%),radial-gradient(circle at 53% 54%,#f6dfac 0 48%,#e8bd73 76%,#cf8d47 100%);border:7px solid #f6e0ad;border-radius:50%;outline:0;place-items:center;width:100%;height:100%;transition:filter .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #a44a2b3d,inset 0 0 42px #91472a2e,0 0 0 4px #bd493f}.joy-drum-hit-target:hover{filter:saturate(1.07)brightness(1.035);box-shadow:inset 0 0 0 3px #a44a2b4d,inset 0 0 46px #91472a33,0 0 0 5px #bd493f,0 0 34px #d2634738}.joy-drum-hit-target:active{filter:brightness(.97)saturate(1.08)}.joy-drum-hit-target:focus-visible{box-shadow:inset 0 0 0 3px #a44a2b4d,0 0 0 5px #bd493f,0 0 0 9px #c9483e3d}.joy-drum-hit-target>b{z-index:3;color:var(--joy-red);text-shadow:0 4px #fff4d3eb;font-size:max(62px,min(6.2vw,90px));font-weight:500;line-height:1;position:relative}.joy-drum-hit-target>span{z-index:3;color:#a35a43;font-family:var(--joy-display);letter-spacing:.17em;font-size:7px;position:absolute;bottom:20%}.joy-drum-nails{z-index:2;background:repeating-conic-gradient(from 2deg,#bd8540 0 2.2deg,transparent 2.4deg 12deg);pointer-events:none;border-radius:50%;position:absolute;top:3px;bottom:3px;left:3px;right:3px;-webkit-mask:radial-gradient(circle,#0000 0 86%,#000 86.5% 100%);mask:radial-gradient(circle,#0000 0 86%,#000 86.5% 100%)}.drum-lacquer .joy-drum-shell{background:linear-gradient(115deg,#6f2024,#b63b38 44%,#641c22 88%);border-color:#6f2024;box-shadow:inset -18px 2px 20px #380a1175,18px 8px #54181d,22px 22px 35px #57241f47}.drum-lacquer .joy-drum-hit-target{background:radial-gradient(circle at 38% 31%,#ffecb23d,#0000 24%),radial-gradient(circle at 53% 54%,#b73d39 0 50%,#8a292c 79%,#681d23 100%);border-color:#d8ac58;box-shadow:inset 0 0 0 3px #e2bd68,inset 0 0 44px #410a104d,0 0 0 4px #6d2025}.drum-lacquer .joy-drum-hit-target>b{color:#f3d484;text-shadow:0 4px #53141761}.drum-lacquer .joy-drum-hit-target>span{color:#f1c979}.drum-lacquer .joy-drum-nails{background:repeating-conic-gradient(from 2deg,#f0c766 0 2.2deg,transparent 2.4deg 12deg)}.joy-mallets{z-index:7;pointer-events:none;width:min(38vw,450px);height:min(50vh,390px);position:absolute;top:7%;left:50%;transform:translate(-50%)}.joy-mallet{transform-origin:50% 12%;background:linear-gradient(90deg,#805036,#e1a96d 52%,#75462e);border-radius:999px;width:13px;height:58%;position:absolute;top:-8%;box-shadow:0 8px 13px #48261b33}.joy-mallet>b{background:radial-gradient(circle at 35% 30%,#d46151,#8d2d2d 72%);border-radius:45%;width:45px;height:32px;position:absolute;bottom:-13px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 3px #f7be7338,0 8px 13px #48261b3b}.joy-mallet--left{left:20%;transform:rotate(-41deg)}.joy-mallet--right{right:20%;transform:rotate(41deg)}.hit-left .joy-mallet--left{animation:.47s cubic-bezier(.18,.83,.24,1) both joyMalletLeft}.hit-right .joy-mallet--right{animation:.47s cubic-bezier(.18,.83,.24,1) both joyMalletRight}@keyframes joyMalletLeft{0%,to{transform:rotate(-41deg)}43%{transform:rotate(9deg)translateY(5px)}68%{transform:rotate(-49deg)}}@keyframes joyMalletRight{0%,to{transform:rotate(41deg)}43%{transform:rotate(-9deg)translateY(5px)}68%{transform:rotate(49deg)}}.beat-odd .joy-drum-hit-target{animation:.43s cubic-bezier(.2,.75,.35,1) joyDrumSkinOdd}.beat-even.has-hit .joy-drum-hit-target{animation:.43s cubic-bezier(.2,.75,.35,1) joyDrumSkinEven}@keyframes joyDrumSkinOdd{0%,to{transform:scale(1)}28%{filter:brightness(1.07);transform:scale(.965)}58%{transform:scale(1.025)}}@keyframes joyDrumSkinEven{0%,to{transform:scale(1)}28%{filter:brightness(1.07);transform:scale(.965)}58%{transform:scale(1.025)}}.joy-drum-impact{z-index:8;top:var(--impact-y);left:var(--impact-x);pointer-events:none;background:#fff7d3db;border-radius:50%;width:12px;height:12px;animation:.4s ease-out both joyImpactDot;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 24px #ffefa9e6}.joy-drum-impact>i{border:2px solid #ae43348f;border-radius:50%;width:30px;height:30px;animation:.52s ease-out both joyImpactRing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.joy-drum-impact>i:nth-child(2){animation-delay:70ms}@keyframes joyImpactDot{to{opacity:0;transform:translate(-50%,-50%)scale(1.7)}}@keyframes joyImpactRing{to{border-color:#0000;width:190px;height:190px}}.joy-sound-rings{z-index:2;aspect-ratio:1;pointer-events:none;width:min(31vw,380px);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.joy-sound-rings>i{opacity:0;border:2px solid #c4533c61;border-radius:50%;animation:.76s ease-out both joySoundRing;position:absolute;top:3%;bottom:3%;left:3%;right:3%}.joy-sound-rings>i:nth-child(2){animation-delay:90ms}.joy-sound-rings>i:nth-child(3){animation-delay:.18s}@keyframes joySoundRing{0%{opacity:.56;transform:scale(.72)}to{opacity:0;transform:scale(1.66)}}.joy-hit-particles{z-index:10;pointer-events:none;width:1px;height:1px;position:absolute;top:47%;left:50%}.joy-hit-particles>i{opacity:0;background:var(--joy-red);width:8px;height:14px;transform:rotate(calc(var(--hit-particle)*22.5deg))translateY(0)scale(.5);border-radius:8px 0;animation:.78s cubic-bezier(.14,.68,.26,1) both joyHitSpark;position:absolute}.joy-hit-particles>i:nth-child(3n){background:var(--joy-gold-light)}.joy-hit-particles>i:nth-child(4n){background:var(--joy-jade);border-radius:50%;width:6px;height:6px}@keyframes joyHitSpark{0%{opacity:0;transform:rotate(calc(var(--hit-particle)*22.5deg))translateY(-70px)scale(.35)}18%{opacity:.95}to{opacity:0;transform:rotate(calc(var(--hit-particle)*22.5deg))translateY(-245px)rotate(210deg)scale(1)}}.joy-tap-hint{z-index:12;color:var(--joy-muted);opacity:.78;pointer-events:none;align-items:center;gap:8px;font-size:7px;animation:1.7s ease-in-out infinite joyTapHint;display:flex;position:absolute;top:25%;left:4%}.joy-tap-hint>i{border:2px solid var(--joy-red);border-radius:10px 10px 6px 6px;width:18px;height:24px}.joy-tap-hint>i:before{content:"";border:1px solid #c9483e59;border-radius:50%;width:17px;height:17px;position:absolute;transform:translate(-2px,-8px)}.has-hit .joy-tap-hint{opacity:0;transition:opacity .22s}@keyframes joyTapHint{50%{translate:9px 8px}}.joy-world:after{z-index:21;content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 53% 46%,#fff8ceb3,#0000 38%);position:absolute;top:0;bottom:0;left:0;right:0}.beat-odd .joy-world:after{animation:.52s ease-out joyWorldFlashOdd}.beat-even.has-hit .joy-world:after{animation:.52s ease-out joyWorldFlashEven}@keyframes joyWorldFlashOdd{20%{opacity:.5}to{opacity:0}}@keyframes joyWorldFlashEven{20%{opacity:.5}to{opacity:0}}.beat-odd .joy-lantern{animation:.56s ease-out joyLanternBeatOdd}.beat-even.has-hit .joy-lantern{animation:.56s ease-out joyLanternBeatEven}@keyframes joyLanternBeatOdd{35%{rotate:7deg}70%{rotate:-4deg}}@keyframes joyLanternBeatEven{35%{rotate:-7deg}70%{rotate:4deg}}.stage-6.beat-odd .joy-family-photo{animation:.56s ease-out joyPhotoKickOdd}.stage-6.beat-even .joy-family-photo,.stage-7.beat-even .joy-family-photo,.stage-8.beat-even .joy-family-photo{animation:.56s ease-out joyPhotoKickEven}@keyframes joyPhotoKickOdd{45%{rotate:-2deg;scale:1.04}}@keyframes joyPhotoKickEven{45%{rotate:6deg;scale:1.04}}.stage-7.beat-odd .joy-date-card,.stage-8.beat-odd .joy-date-card{animation:.6s cubic-bezier(.18,.84,.27,1) joyDateStampOdd}.stage-7.beat-even .joy-date-card,.stage-8.beat-even .joy-date-card{animation:.6s cubic-bezier(.18,.84,.27,1) joyDateStampEven}@keyframes joyDateStampOdd{0%{opacity:.4;scale:1.22}55%{scale:.97}}@keyframes joyDateStampEven{0%{opacity:.4;scale:1.22}55%{scale:.97}}.stage-8 .joy-invite-button{animation:1.5s ease-in-out infinite joyInviteReady}@keyframes joyInviteReady{50%{transform:translateY(-2px);box-shadow:0 0 0 8px #c9483e00,0 15px 38px #8d302b47}}@media (max-width:900px){.joy-drum-zone{width:min(53vw,590px)}.joy-big-drum{width:min(47vw,490px)}.joy-drum-shell{width:min(32vw,325px)}}@media (max-width:700px){.joy-playground{top:18%;bottom:16%;left:0;right:0}.joy-lantern--left{left:auto;right:23%}.joy-lantern--right{right:2%}.joy-drum-zone{width:100vw;height:min(64vh,490px);max-height:none}.joy-big-drum{width:min(91vw,410px);height:min(61vh,470px)}.joy-drum-shell{border-width:6px;width:min(65vw,280px);padding:10px;top:18%;box-shadow:inset -13px 2px 16px #4b12144d,12px 6px #6f2425,16px 17px 26px #57241f33}.joy-drum-hit-target{border-width:5px}.joy-drum-hit-target>b{font-size:max(53px,min(19vw,74px))}.joy-drum-hit-target>span{font-size:6px;bottom:18%}.joy-drum-stand{top:26%;bottom:1%;left:8%;right:8%}.joy-drum-stand>i{width:18px}.joy-drum-stand>b{height:18px}.joy-drum-stand>span{height:14px}.joy-mallets{width:min(85vw,360px);height:min(47vh,350px);top:8%}.joy-mallet{width:10px}.joy-mallet>b{width:36px;height:27px}.joy-sound-rings{width:min(70vw,305px);top:48%}.joy-hit-particles{top:47%}@keyframes joyHitSpark{0%{opacity:0;transform:rotate(calc(var(--hit-particle)*22.5deg))translateY(-50px)scale(.35)}18%{opacity:.95}to{opacity:0;transform:rotate(calc(var(--hit-particle)*22.5deg))translateY(-165px)rotate(210deg)scale(.9)}}.joy-tap-hint{font-size:6px;top:32%;left:4%}}@media (max-height:660px) and (min-width:701px){.joy-drum-zone{height:82vh}.joy-big-drum{height:76vh;max-height:480px}.joy-drum-shell{width:min(27vw,290px)}}