/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.15}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;clear:both;height:0;color:inherit;border-top-width:1px;margin:0;overflow:visible}pre{font-family:monospace;font-size:inherit}address{font-style:inherit}a{color:inherit;background-color:#0000;text-decoration:none}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:inherit}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{appearance:none;vertical-align:middle;color:inherit;font:inherit;text-align:inherit;text-transform:inherit;background:0 0;border-radius:0;margin:0;padding:0}[type=checkbox]{appearance:checkbox}[type=radio]{appearance:radio}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{min-width:0;margin:0;padding:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;box-sizing:border-box;white-space:pre-wrap;font-family:Avenir,Helvetica,Arial,sans-serif;overflow:hidden}html body{background-color:#310020}.fade-enter-active,.fade-leave-active{transition:all 1s}.fade-enter-from,.fade-leave-to{opacity:0}.fade-leave-active{position:absolute;top:0}.scale-enter-active,.scale-leave-active{animation:1s scaleIn}@keyframes scaleIn{0%{transform-origin:bottom;left:0;transform:scale(.6)}to{transform-origin:bottom;left:0;transform:scale(1)}}.btn{text-align:center;color:#ffcfcf;background-color:#810f5a;border:2px solid #a0367b;border-radius:50px;width:90%;padding:16px 24px;font-weight:700;display:inline-block}.btn-bottom{text-align:center;width:100%;position:absolute;bottom:32px}.btn-bottom__desc{color:#fff;margin-bottom:8px;font-weight:700}.btn-lang{column-gap:24px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.btn-lang__item{border-radius:50%;width:32px;display:block}.btn-lang__item--active{border:2px solid #fe2476}.btn-lang__item img{width:100%}.screen{background-color:#000;position:relative}.main-window{margin:0 auto;position:relative;overflow:hidden}.btn-about{color:#fff;background-color:#00b6f3;border:2px solid #fff;border-radius:24px;margin-bottom:16px;padding:8px 24px;font-size:15px;font-weight:700}.about-modal-overlay{z-index:100;color:#fff;background-color:#000c;width:100%;height:100svh;position:absolute;top:0;left:0}.about-modal{z-index:100;color:#333;background-color:#fff;border-radius:8px;width:88%;max-width:400px;padding:24px;position:fixed;top:45%;left:50%;overflow-y:scroll;transform:translate(-50%,-50%)}.about-title{text-align:center;color:#fe2576;font-size:20px;font-weight:700;line-height:1.3}.about-desc{padding:16px 0}.about-desc__title{text-align:center;margin-bottom:8px;font-size:16px;font-weight:700}.about-desc__text p{margin-bottom:16px;font-size:14px;line-height:1.6}.about-desc__text a{color:#810f5a;text-decoration:underline}.about-desc__text p:last-child{margin-bottom:0}.btn-text{color:#fff;font-size:15px;text-decoration:underline}.btn-twitter{text-align:center;background-color:#000;border-radius:8px;width:56px;height:56px;position:absolute;top:24px;left:16px}.btn-twitter__img{color:#fff;background-image:url(/img/icon_x.svg);background-position:50%;background-repeat:no-repeat;background-size:18px 18px;width:18px;height:18px;margin:0 auto}.btn-twitter__text{color:#fff;text-align:center;margin-top:2px;font-size:12px;font-weight:700}.btn-restart{text-align:center;background-color:#6f6f6f;border-radius:4px;width:56px;height:56px;position:absolute;top:24px;left:16px}.btn-restart__img{color:#fff;background-image:url(/img/icon_restart.svg);background-position:50%;background-repeat:no-repeat;background-size:24px 24px;width:24px;height:24px;margin:0 auto}.btn-restart__text{color:#fff;text-align:center;margin-top:2px;font-size:12px;font-weight:700}.btn-profile{text-align:center;background-color:#820f5a;border-radius:8px;width:56px;height:56px}.btn-profile__img{color:#fff;background-image:url(/img/icon_profile.svg);background-position:50%;background-repeat:no-repeat;background-size:24px 24px;width:24px;height:24px;margin:0 auto}.btn-profile__text{color:#fff;text-align:center;margin-top:2px;font-size:12px;font-weight:700}.profile-modal-overlay{z-index:100;color:#fff;background-color:#000c;width:100%;height:100svh;position:absolute;top:0;left:0}.profile-modal{z-index:100;color:#333;background-color:#fff;border-radius:8px;width:88%;max-width:400px;height:70svh;padding:24px;position:fixed;top:45%;left:50%;overflow-y:scroll;transform:translate(-50%,-50%)}.profile-intro{border-bottom:1px solid #ccc;align-items:center;column-gap:24px;padding-bottom:16px;display:flex}.profile-intro__img{background-color:#ccc;border-radius:50%;flex:0 36%}.profile-intro__img img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-modal__body{flex:1}.profile-intro__name{letter-spacing:.05em;color:#eb0f5c;margin-bottom:4px;font-size:20px;font-weight:700}.profile-intro__info{margin-bottom:6px;font-size:15px;font-weight:700}.profile-intro__link{color:#00b6f3;margin-bottom:8px;font-size:13px;font-weight:700;text-decoration:underline}.profile-intro__link:last-child{margin-bottom:0}.profile-desc{border-bottom:1px solid #ccc;padding:16px 0}.profile-desc__title{margin-bottom:16px;font-size:16px;font-weight:700}.profile-desc__text p{margin-bottom:16px;font-size:14px;line-height:1.6}.profile-desc__text p:last-child{margin-bottom:0}.profile-list{padding:16px 0;font-size:14px}.profile-list__title{margin-bottom:16px;font-size:16px;font-weight:700}.profile-table{font-size:13px;line-height:1.4}.profile-table tr{border-bottom:1px solid #eee}.profile-table th{text-align:left;width:36%;padding:12px 8px;font-weight:700}.profile-table td{padding:12px 8px}.btn-photo{text-align:center;background-color:#820f5a;border-radius:8px;width:56px;height:56px}.btn-photo__img{color:#fff;background-image:url(/img/icon_photo.svg);background-position:50%;background-repeat:no-repeat;background-size:24px 24px;width:24px;height:24px;margin:0 auto}.btn-photo__text{color:#fff;text-align:center;margin-top:2px;font-size:12px;font-weight:700}.photo-modal-overlay{z-index:100;color:#333;background-color:#8c2d6b;width:100%;height:100svh;position:absolute;top:0;left:0}.photo-modal{z-index:100;width:80%;max-width:400px;position:fixed;top:47%;left:50%;transform:translate(-50%,-50%)}.photo-caption{text-align:center;background-color:#fff;border-radius:24px;width:100%;margin-top:16px;padding:12px 8px;font-size:13px;font-weight:700;position:relative}.photo-caption:before{content:"";border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.carousel img{width:100%}.carousel{position:relative}.carousel__viewport{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden}.carousel__viewport--dragging{cursor:grabbing}.carousel__track{will-change:transform;transition:transform .3s;display:flex}.carousel__viewport--dragging .carousel__track{transition:none}.carousel__slide{flex-direction:column;flex:0 0 100%;align-items:center;display:flex}.carousel__slide img{pointer-events:none}.carousel__prev,.carousel__next{z-index:1;color:#fff;background-color:#ee71c1;border-radius:50%;place-items:center;width:40px;height:40px;font-size:32px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel__prev{left:-24px}.carousel__next{right:-24px}.carousel__icon{color:#fff;font-size:28px;line-height:1}.carousel__prev:hover,.carousel__next:hover{color:#fff;background-color:#ee71c1}.carousel__pagination{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;display:flex}.carousel__pagination-button{background-color:#ccc;border-radius:50%;width:8px;height:8px}.carousel__pagination-button:hover,.carousel__pagination-button--active{background-color:#ee71c1}.modal-open{width:100%;position:fixed}.scene-title{z-index:100;background-color:#ffebd7;width:100%;height:100svh;padding:32px;position:absolute;top:0}.scene-title__logo{letter-spacing:.1em;color:#ff027b;text-align:center;font-size:56px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.opening-view{background-image:url(/img/opening.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100svh;overflow:hidden}.opening-body{width:100%;height:100svh}.opening-title{z-index:1;width:100%;position:absolute;top:38%;left:50%;transform:translate(-50%)}.opening-title__logo{text-align:center;color:#fff;width:90%;max-width:500px;margin:0 auto;font-size:48px;font-weight:700;line-height:1}.opening-title__logo img{width:100%}.opening-tagline{z-index:1;max-width:145px;position:absolute;top:14%;left:50%;transform:translate(-120%)}.opening-tagline img{width:100%}.nameInput-view{color:#fff;background-image:url(/img/opening.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100svh;overflow:hidden}.nameInput-body{text-align:center;color:#ce1362;background-color:#301641;border-radius:8px;max-width:300px;margin:0 auto;padding:32px;position:absolute;top:56%;left:0;right:0}.nameInput-title__logo{color:#c6389c;margin-bottom:16px;font-size:24px;font-weight:700}.nameInput-name input{background-color:#dfc6f0;border-radius:4px;width:100%;padding:8px;font-size:16px;font-weight:700}.nameInput-name .error-message{color:red;margin-top:8px;font-size:12px;font-weight:700}.nameInput-title__btn-start:disabled{opacity:.5}.intro-view{color:#fff;background-color:#0641c9;width:100%;height:100svh;overflow:hidden}.intro-body{justify-content:center;align-items:center;width:100%;height:100svh;display:flex}.gameover-view{color:#fff;background-color:#000;width:100%;height:100svh;overflow:hidden}.gameover-title__logo{background-image:url(/img/sayonara.webp);background-position:0 0;background-repeat:no-repeat;background-size:contain;width:90px;height:374px;position:absolute;top:16%;left:50%;transform:translate(-50%)}.gameover-face{width:100%;height:100svh;position:absolute;top:0;overflow:hidden}.gameover-face__img{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100svh;animation-timing-function:ease-in;position:absolute;top:0;left:0}.scaleout-enter-active,.scaleout-leave-active{animation:6s forwards scaleOut}@keyframes scaleOut{0%{transform-origin:50%;opacity:1;left:0;transform:scale(2)}60%{opacity:.7}to{transform-origin:50%;opacity:0;left:0;transform:scale(0)}}.splash{z-index:1;background-color:#000;height:100%;animation:5s forwards effectFadeOut;position:absolute;left:50%;translate:-50%}.splash:before{content:"";background-color:#0003;background-image:radial-gradient(#000 20%,#0000 10%),radial-gradient(#000 20%,#0000 10%);background-position:0 0,3px 3px;background-size:3px 3px;width:100%;height:100vh;display:block;position:absolute;top:0;left:0}@keyframes effectFadeOut{0%{opacity:1}60%{opacity:1}to{opacity:0;visibility:hidden;display:none}}.splash__video{height:100%}.ending-view{color:#333;background-color:#8c2d6b;width:100%;height:100svh;overflow:hidden}.ending-body{justify-content:center;align-items:center;width:100%;height:100svh;padding:24px;display:flex}.ending-title{padding-bottom:120px}.ending-title__img{max-width:300px;margin:0 auto 8px}.ending-title__img img{width:100%}.ending-title__logo{color:#fff;text-align:center;margin-bottom:16px;font-size:24px;font-weight:700}.ending-title__text{text-align:center;font-weight:700}.ending-title__text p{color:#fff;font-size:20px;line-height:1.6}.ending-title__btns{justify-content:center;column-gap:16px;margin-top:8px;display:flex}.ending-title__about{text-align:center;margin-top:16px}.ending-title__btn-about{color:#fff;text-decoration:underline}.ending-title__btn-restart{margin-top:16px}.game-view{overflow:hidden}.scene{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100svh;position:relative}.bg{background-color:#fff;width:100%;height:100svh;overflow:hidden}.bg-image{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100svh;overflow:hidden}.character{width:100%;height:100svh;position:absolute;top:0;overflow:hidden}.chara{background-position:bottom;background-repeat:no-repeat;background-size:cover;width:100%;height:100svh;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.question{text-align:center;width:100%;position:absolute;top:40%;left:50%;transform:translate(-50%)}.question__num{color:#eb0f5c;background-color:#fff;border-radius:4px;margin:0 auto 8px;padding:8px;font-size:16px;font-weight:700;display:inline-block}.btn-answer-wrapper{text-align:center;flex-direction:column;align-items:center;row-gap:8px;display:flex}.script{width:100%;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.script__speaker{z-index:1;color:#fff;background-color:#eb0f5c;border-radius:6px;padding:4px 18px;font-size:15px;font-weight:700;line-height:1.6;display:inline-block;position:relative;top:24px;left:8px}.script__inner{color:#333;word-break:break-all;background-color:#fff7f0e6;border:2px solid #fe2576;border-radius:16px;height:23vh;margin:8px;padding:24px;font-size:15px;font-weight:700;line-height:1.6;position:relative}.arrow{border-top:10px solid #fe2576;border-left:8px solid #0000;border-right:8px solid #0000;border-radius:2px;width:0;height:0;animation:1s infinite arrow-animation;position:absolute;bottom:32px;right:32px}@keyframes arrow-animation{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@media screen and (width>=700px){.screen{max-width:80%;margin:0 auto}}@media (orientation:landscape) and (width>=800px){.screen{max-width:800px;margin:0 auto}.chara{background-size:contain}.script{max-width:600px}.script__inner{font-size:17px;line-height:1.7}.photo-modal{top:45%}.carousel img{width:auto;max-height:58svh}.opening-title{top:50%}.opening-tagline{max-width:185px}.btn-bottom{position:absolute;bottom:32px}.btn-lang{top:8px;bottom:auto}}