html{box-sizing:border-box;font-size:26.666666666666668vw;-webkit-text-size-adjust:100%}@media screen and (min-width:450px){html{font-size:120px}}*,:before,:after{box-sizing:inherit}body{margin:0;width:100%;min-height:100vh;min-height:100svh;overflow:hidden;background:#fff;font-size:.16rem;line-height:1.5;touch-action:manipulation}canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.container{width:100%;height:100vh;height:100svh;margin:0 auto;text-align:center;visibility:hidden;position:relative;overflow:hidden}.container>div{position:absolute;left:0;right:0;top:20vh;padding:0 .18rem;z-index:1}.container div.six{top:15vh;z-index:2}.container div.seven,.container div.eight{width:100%;height:100vh;height:100svh;position:fixed;top:0;left:0;overflow:hidden;padding:0}.one{font-size:.46rem;line-height:1.2}h1.one{margin:0}.one>img{vertical-align:middle;margin-bottom:.1rem;max-width:100%;height:auto}.two{font-size:.18rem;font-weight:lighter}.three{font-size:.32rem;line-height:1.35}.four .text-box{width:calc(100vw - .4rem);max-width:3.35rem;margin:0 auto;border:.03rem solid#aaa;border-radius:.06rem;padding:.1rem;position:relative}.text-box p{margin:0;text-align:left;font-size:.16rem;line-height:1.6}.text-box span{visibility:hidden}.text-box .fake-btn{position:absolute;right:.05rem;bottom:-.48rem;color:#fff;background-color:#03c160;padding:.08rem .16rem;border-radius:.08rem;line-height:1.2}.five p{width:100%;margin:0;font-size:.24rem;line-height:1.45;position:absolute;left:0;right:0;padding:0 .18rem}.idea-3 strong{padding:.03rem .05rem;border-radius:.03rem;display:inline-block}.five .idea-5{font-size:.38rem}.idea-5 span,.idea-6 span,.wish-hbd span{display:inline-block}.idea-5 span{display:block}.idea-6 span{font-size:1.35rem;line-height:1}.six{position:relative}.six img{display:inline-block;max-width:100%;height:auto}.six .lydia-dp{width:3.2rem;max-width:82vw;height:auto;object-fit:contain}.six .hat{position:absolute;width:.5rem;top:.26rem;left:48%;transform:scale(1.1)}.baloons img{display:inline-block;width:.96rem;max-width:28vw;height:auto;position:absolute}.baloons img:nth-child(2n){left:0}.baloons img:nth-child(odd){right:0}.baloons img:nth-child(3n){left:30%}.baloons img:nth-child(4n){width:.78rem}.baloons img:nth-child(5n){width:1.12rem}.eight svg{width:.25rem;position:absolute;top:0;left:0;visibility:hidden;z-index:-1}.eight svg:first-child{top:7vh;left:5vw;fill:#bd6ecf}.eight svg:nth-child(2){top:23vh;left:35vw;fill:#7dd175}.eight svg:nth-child(3){top:33vh;left:23vw;fill:#349d8b}.eight svg:nth-child(4){top:43vh;left:57vw;fill:#347a9d}.eight svg:nth-child(5){top:68vh;left:7vw;fill:#c66053}.eight svg:nth-child(6){top:42vh;left:77vw;fill:#bfaa40}.eight svg:nth-child(7){top:68vh;left:83vw;fill:#e3bae8}.eight svg:nth-child(8){top:86vh;left:37vw;fill:#8762cb}.eight svg:nth-child(9){top:94vh;left:87vw;fill:#9a90da}.wish-hbd{margin:0;font-size:.36rem;line-height:1.25;text-transform:uppercase}.wish h5{margin:.1rem 0 0;font-weight:lighter;font-size:.2rem;line-height:1.45}.nine p{margin:.12rem 0;font-size:.22rem;font-weight:lighter;line-height:1.45}#replay{z-index:3;cursor:pointer}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.play-pause{width:.5rem;height:.5rem;background-size:contain;background-repeat:no-repeat;background-image:url(../img/play.svg);background-color:transparent;border:none;cursor:pointer;z-index:100;position:fixed;right:.18rem;top:max(.18rem,env(safe-area-inset-top));padding:0;transition:transform.3s ease-in-out}.play-pause.playing{background-image:url(../img/pause.svg);animation:rotate 2s linear infinite}.startSign{min-height:100vh;min-height:100svh;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 .22rem;text-align:center;position:relative;z-index:1}.startSign .button{margin-top:.12rem;padding:.1rem .18rem;border:.01rem solid#03c160;border-radius:.05rem}.startSign .button:hover,.startSign .button:active{background-color:#03c160;color:#fff;cursor:pointer}@media screen and (max-height:700px){.container>div{top:16vh}.container div.six{top:11vh}.one{font-size:.4rem}.three{font-size:.28rem}.idea-6 span{font-size:1.12rem}}