:root{--html-margin: 3vw;--ui-margin: 5vw;--color-black: #4d4c4c;--color-grey: #949494;--before-content: "0%";--translate-flame: -50%;--scale-flame: 1;--rotate-flame: 0deg}html,body{width:100svw;height:-webkit-fill-available;height:100svh;margin:0;padding:0;overscroll-behavior:none;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;user-select:none;background:url(/Images/BW/backgroundPaper.webp) bottom / cover no-repeat}@supports (-webkit-touch-callout: none){body{min-height:-webkit-fill-available}}#app{position:relative;width:100%;height:100%;z-index:1}canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}textarea{border:oldlace;touch-action:initial}button{cursor:pointer;border:none;background:transparent;padding:0;margin:0;z-index:9999}button canvas{background:transparent}a{z-index:9999;touch-action:initial}.tp-dfwv{z-index:1}.container{font-family:Oregano,cursive;font-weight:300;font-style:normal;font-size:2rem;width:100%;height:100%}.static{box-sizing:border-box;position:absolute;display:flex;justify-content:space-between;align-items:flex-end;top:0;width:100%;height:100%;padding:var(--html-margin);opacity:0}.credit{font-family:Oregano,cursive;font-weight:300;font-style:normal;font-size:2rem;transform:translateY(20%);color:#000}.sound{position:relative;width:3rem;aspect-ratio:1/1}.sound img{transform:scale(1.2);width:100%;height:100%}#soundControls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dynamic{position:absolute;display:flex;justify-content:center;align-items:flex-end;width:100vw;height:100svh;padding:var(--html-margin) 0;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.start{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;padding:calc(var(--html-margin) * 3) 0;font-family:Oregano,cursive;font-weight:400;font-style:normal;font-size:2rem}.text_start{width:60%;text-align:center;line-height:3.75rem}.btn_start{white-space:nowrap;text-align:center;padding:8rem 14rem;opacity:0;animation:fadeIn 1s ease-in-out forwards 2s}.fade-in{animation:fadeIn 1s ease-in-out forwards}.fade-out{animation:fadeOut 1s ease-in-out forwards}.next-button-container{position:absolute;top:50%;right:var(--html-margin);width:3rem;height:3rem;transform:translate3d(0,-50%,0);z-index:2;opacity:0}.next-button{position:absolute;border:none;background:transparent;width:100%;height:100%;transform:scale(1.2);z-index:3;cursor:pointer}.error-message{box-sizing:content-box;position:absolute;display:flex;justify-content:center;text-align:center;vertical-align:top;bottom:0;width:100vw;height:8rem;margin:var(--html-margin) 0;padding-top:max(calc(30vh - 16rem),3rem);padding-bottom:max(calc(30vh - 15rem + var(--html-margin)),2rem);font-size:1.75rem;line-height:3.75rem;color:#f8686e;opacity:0}@media only screen and (max-width: 768px){:root{--html-margin: 24px}.start{justify-content:center;font-size:1.5rem;gap:2rem}.text_start{width:80%;line-height:2.5rem}.btn_start{padding:calc(var(--html-margin) * 4) calc(var(--html-margin) * 6)}.credit{font-size:1.75rem;padding-bottom:5%}.error-message{width:70vw;height:4.25rem;font-size:1.5rem;padding-top:max(calc(45vh - 16rem),3rem);padding-bottom:max(calc(45vh - 12rem),2rem);margin:0 15vw}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input,textarea{font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html,body{height:100%}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-spacing:0}a{color:inherit;text-decoration:none}*{box-sizing:border-box}*:hover,*:focus{outline:none}:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.emotions{box-sizing:border-box;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:auto;font-size:2rem;font-family:Oregano,cursive;font-weight:400;font-style:normal;color:#4d4c4c;gap:3rem;opacity:0;z-index:1}.carrousel{position:relative;display:flex;flex-direction:row;align-items:center}.text-label{position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;width:151px;height:47px;z-index:1}.labels{position:relative;width:151px;height:47px}.trail{position:absolute;top:0;left:0;z-index:0;overflow:visible}.background-label{background-image:url(/Images/BW/uiTexture.webp);background-repeat:repeat;overflow:visible}.sub-active{transform:translate(0)}.past-sub,.instant-past-sub{transform:translate3d(150px,0,0)}.post-sub,.instant-post-sub{transform:translate3d(-150px,0,0)}.arrow,.next{display:flex;padding-right:1rem;transform:scale(1.5);cursor:pointer}.next{transform:scale(1.5) rotate(180deg);padding:0 1rem 0 0}.emotionsJapanese,.emotionsTranslated{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;margin:0;overflow:hidden;gap:1rem;pointer-events:none;word-break:keep-all;list-style:none}.emotionsJapanese li,.emotionsTranslated li{position:absolute;display:flex;justify-content:center;align-items:center;flex-shrink:0;padding:1rem 0}.emotionsJapanese li:nth-child(1){position:relative}.emotionsJapanese li span{opacity:0}.visible{transition:all .1s ease-in-out;opacity:1}.emotionsTranslated li{clip-path:url(/Images/Svg/trail.svg#trailClipPath);mask-clip:content-box;text-transform:uppercase}.emotionDescription{max-width:60%;text-align:center;font-size:1.5rem;font-weight:400}@media screen and (max-width: 768px){.emotions{font-size:1.75rem;gap:1.5rem}.emotionsJapanese,.emotionsTranslated{gap:.5rem}.emotionDescription{max-width:50%;font-size:1.5rem}}.intensity{box-sizing:border-box;display:none;flex-direction:column;align-items:center;justify-content:flex-end;gap:7rem;width:100%;height:auto;padding-top:var(--html-margin);opacity:0;font-size:2rem;font-family:Oregano,cursive;font-weight:400;font-style:normal;color:#4d4c4c}.dragContainer{position:relative;display:flex;flex-direction:row;align-items:center;width:50%;height:16px;gap:1rem}.dragContainer:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:10%;border-radius:50px;background:linear-gradient(90deg,#4d4c4c00,var(--color-black))}.flame{position:absolute;width:50px;height:50px;cursor:grab;transform-origin:center;transition:scale 2s ease-in-out;transform:translate3d(var(--translate-flame),0,0)}.flame:after{position:relative;content:"";display:block;width:100%;height:100%;background-image:var(--flame-background-image);background-size:var(--flame-background-size);background-position:var(--flame-background-position);transform:scale(var(--scale-flame)) rotate(var(--rotate-flame))}.flame:active{--scale-flame: 1.03}.flame:active :root{--hovered-flame: 1.03}.flame:before{content:var(--before-content, "0%");position:absolute;top:-50%;left:50%;transform:translate3d(-50%,-50%,0);color:var(--color-black);font-family:Oregano,cursive;font-weight:400;font-style:normal;font-size:2rem}.emotionsColor{display:flex;flex-direction:row;justify-content:center;padding-left:5vw;color:#fff}.flameDescription{max-width:60%;text-align:center;font-size:1.5rem;font-weight:400}@keyframes opacity{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 768px){.intensity{font-size:1.75rem;gap:4rem}.flame{width:40px;height:40px}.flame:before{font-size:1.5rem}.dragContainer{width:70%}.dragContainer:before{height:15%}.flameDescription{max-width:40%;font-size:1.5rem}}.letter{box-sizing:border-box;position:relative;display:none;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;font-size:2rem;font-family:Oregano,cursive;font-weight:400;font-style:normal;color:#4d4c4c;gap:3rem;opacity:0;z-index:1}.wishInput{box-sizing:border-box;display:flex;position:absolute;overflow:hidden;bottom:0;width:100%;height:8rem;text-align:center;margin-top:max(calc(30vh - 16rem),3rem);margin-bottom:max(calc(30vh - 15rem + var(--html-margin)),2rem);padding:0 20%;border:none;background:transparent;caret-color:transparent;cursor:default;text-overflow:ellipsis;font-size:2rem;resize:none}.wishInput:focus{outline:none}.customCaret{position:absolute;width:4px;pointer-events:none;transform:translate3d(-50%,-150%,0);font-size:2rem;visibility:hidden;animation:blink 1s infinite}.feather{--cursor-y: 0px;--cursor-x: 0px;position:absolute;top:var(--cursor-y);left:var(--cursor-x);width:30px;height:53px;transform:translate3d(100%,-300%,0);opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .5s ease-in-out;animation:floatFeather 5s ease-in-out infinite}.feather-active{transform:translate3d(-50%,-100%,0);animation:floatFeather 5s ease-in-out infinite}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}@keyframes floatFeather{0%{transform:translate3d(-50%,-200%,0) rotate(50deg)}10%{transform:translate3d(-50%,-100%,0) rotate(0)}25%{transform:translate3d(100%,calc(-100% - 10px),0) rotate(-50deg)}50%{transform:translate3d(-50%,-100%,0) rotate(0)}to{transform:translate3d(-50%,-200%,0) rotate(50deg)}}@media screen and (max-width: 800px){.wishInput{height:4.25rem;font-size:1.75rem;margin-top:max(calc(45vh - 16rem),3rem);margin-bottom:max(calc(45vh - 12rem),2rem)}.customCaret{transform:translate3d(-50%,1000%,0);font-size:1.5rem}.feather{width:20px;height:35px}}.credit_page{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 var(--html-margin);opacity:0;font-size:1.5rem;font-family:Oregano,cursive;font-weight:400;font-style:normal;color:#4d4c4c}.credit_top{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;flex-grow:0;flex-shrink:1;height:auto;gap:2rem}.credit_title{height:auto;max-height:18vw}.credit_subtitle{font-size:1.75rem;line-height:normal;max-width:50%}.credit_middle{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100%;gap:min(5vw,3rem)}.credit_middle_top{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%;max-width:80%;height:auto;padding-bottom:5vw;gap:2rem}.separator{width:2px;height:80%;border-radius:20px;background-color:var(--color-grey)}.credit_thanks{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.credit_logo{width:15%}.credit_team{display:flex;flex-direction:column;gap:5rem}.credit_member{display:flex;flex-direction:column;gap:2rem}.credit_role{font-size:1.25rem;color:var(--color-grey)}.credit_name{font-size:1.75rem}.credit_bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:1rem}.credit_bottom_text{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.credit_text{color:var(--color-grey)}.credit_link,.credit_contact-link{pointer-events:auto;color:var(--color-black);text-decoration:underline;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:text;user-select:text}@media (max-width: 768px){.credit_page{font-size:1.25rem}.credit_title{max-height:35vw}.credit_subtitle{max-width:100%;text-align:center;font-size:1.5rem}.credit_middle{gap:5vw}.credit_middle_top{flex-direction:column;gap:5vw}.separator{width:80%;height:1.5px}.credit_thanks{gap:1rem}.credit_team{gap:3rem}.credit_member{gap:1rem}.credit_role{font-size:1rem}.credit_name{font-size:1.5rem}.credit_bottom{justify-content:center;flex-direction:column;width:fit-content;gap:1rem}.credit_bottom_text{justify-content:space-between;width:100%}.credit_text{display:flex;white-space:nowrap;flex-wrap:nowrap;color:var(--color-grey);gap:.5rem}}@media (max-width: 1024px){.credit_member{text-align:center}}