/*! 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{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}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;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;-moz-appearance: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{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[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{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;box-sizing:border-box;overflow:hidden;white-space:pre-wrap}html{background-color:#000}.fade-enter-active,.fade-leave-active{transition:all 1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-leave-active{position:absolute;top:0}.scale-enter-active,.scale-leave-active{animation:scaleIn 1s}@keyframes scaleIn{0%{left:0;transform-origin:center bottom;transform:scale(.6)}to{left:0;transform-origin:center bottom;transform:scale(1)}}.btn{display:inline-block;text-align:center;color:#fff;font-weight:700;background-color:#fe2576;border:2px solid #fff;width:88%;padding:14px 20px;border-radius:50px}.btn-bottom{position:absolute;bottom:46px;width:100%;text-align:center}.opening-controls{position:absolute;bottom:46px;left:50%;transform:translate(-50%);z-index:2;width:min(88%,440px);display:flex;flex-direction:column;align-items:center}.btn-lang{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;column-gap:14px}.btn-lang__item{display:block;width:24px;border-radius:50%}.btn-lang__item--active{border:2px solid #fe2476}.btn-lang__item img{width:100%}.screen{position:relative;background-color:#000}.main-window{margin:0 auto;overflow:hidden;position:relative}.nav-primary{position:absolute;top:20px;right:12px;display:flex;flex-direction:column;row-gap:6px}.nav-secondary{position:absolute;top:20px;left:12px;display:flex;flex-direction:column;row-gap:6px}.btn-shop{display:block;border-radius:16%;width:64px;height:64px;overflow:hidden}.btn-shop__img{width:100%;height:100%;object-fit:contain}.btn-profile{border-radius:16%;background-color:#fe2576;width:64px;height:56px;text-align:center}.btn-profile__img{color:#fff;margin:0 auto;width:22px;height:22px;background-image:url(/img/icon_profile.svg);background-repeat:no-repeat;background-size:22px 22px;background-position:center center}.btn-profile__text{margin-top:2px;font-size:9px;color:#fff;font-weight:700;text-align:center;line-height:1.2;white-space:nowrap}.btn-photo{border-radius:16%;background-color:#fe2576;width:64px;height:56px;text-align:center}.btn-photo__img{color:#fff;margin:0 auto;width:22px;height:22px;background-image:url(/img/icon_photo.svg);background-repeat:no-repeat;background-size:22px 22px;background-position:center center}.btn-photo__text{margin-top:2px;font-size:10px;color:#fff;font-weight:700;text-align:center;line-height:1.2;white-space:nowrap}.btn-twitter{border-radius:16%;background-color:#00b6f3;width:52px;height:52px;text-align:center}.btn-twitter__img{color:#fff;margin:0 auto;width:18px;height:18px;background-image:url(/img/icon_x.svg);background-repeat:no-repeat;background-size:18px 18px;background-position:center center}.btn-twitter__text{margin-top:2px;font-size:11px;color:#fff;font-weight:700;text-align:center}.btn-restart{border-radius:16%;background-color:#6f6f6f;width:58px;height:56px;text-align:center}.btn-restart__img{color:#fff;margin:0 auto;width:22px;height:22px;background-image:url(/img/icon_restart.svg);background-repeat:no-repeat;background-size:22px 22px;background-position:center center}.btn-restart__text{margin-top:2px;font-size:10px;color:#fff;font-weight:700;text-align:center;line-height:1.2}.btn-save{border-radius:16%;background-color:#00b6f3;width:58px;height:42px;text-align:center}.btn-save__text,.btn-load__text{font-size:12px;color:#fff;font-weight:700;text-align:center;line-height:42px}.btn-load{border-radius:16%;background-color:#00b6f3;width:58px;height:42px;text-align:center}.btn-load:disabled{opacity:.45}.btn-about{font-size:15px;font-weight:700;margin-bottom:10px;color:#1f79ed;background-color:#00b6f3;border:2px solid #fff;padding:8px 24px;border-radius:24px;color:#fff}.opening-action-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%}.opening-action-row .btn{width:100%;padding:13px 10px}.opening-title__btn-load{background-color:#00b6f3}.opening-title__btn-load:disabled{opacity:.45}.save-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100svh;background-color:#000c;z-index:100;color:#fff}.save-modal{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);padding:24px;width:88%;max-width:400px;border-radius:8px;background-color:#fff;z-index:100;color:#333}.save-modal__title{font-size:20px;font-weight:700;margin-bottom:16px;color:#fe2576;text-align:center}.save-slot-list{display:flex;flex-direction:column;row-gap:8px}.save-slot{display:flex;align-items:center;column-gap:8px;width:100%;padding:12px;border:2px solid #fe2576;border-radius:8px;background-color:#fff7f0;text-align:left}.save-slot__content{display:flex;flex:1;flex-direction:column;row-gap:4px}.save-slot__actions{display:flex;column-gap:6px}.save-slot__button{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:8px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;text-align:center}.save-slot__button--primary{background-color:#00b6f3}.save-slot__button--danger{background-color:#666}.save-slot__button:disabled{opacity:.5}.save-slot__name{font-size:14px;font-weight:700;color:#fe2576}.save-slot__detail{font-size:12px;font-weight:700;color:#333}.save-modal__message{margin-top:12px;font-size:13px;font-weight:700;color:#00a8df;text-align:center}.about-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100svh;background-color:#000c;z-index:100;color:#fff}.about-modal{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);padding:24px;width:88%;max-width:400px;height:70svh;border-radius:8px;background-color:#fff;z-index:100;color:#333;overflow-y:scroll}.about-title{text-align:center;font-size:20px;line-height:1.3;font-weight:700;color:#fe2576}.about-desc{padding:16px 0;border-bottom:1px solid #ccc}.about-desc__title{font-size:16px;font-weight:700;margin-bottom:8px}.about-desc__text p{font-size:14px;line-height:1.6;margin-bottom:16px}.about-desc__text p:last-child{margin-bottom:0}.profile-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100svh;background-color:#000c;z-index:100;color:#fff}.profile-modal{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);padding:24px;width:88%;max-width:400px;height:70svh;border-radius:8px;background-color:#fff;z-index:100;color:#333;overflow-y:scroll}.profile-intro{display:flex;align-items:center;column-gap:24px;padding-bottom:16px;border-bottom:1px solid #ccc}.profile-intro__img{flex:0 1 36%;border-radius:50%;background-color:#ccc}.profile-intro__img img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-modal__body{flex:1}.profile-intro__name{font-size:20px;font-weight:700;letter-spacing:.05em;margin-bottom:4px;color:#ff027b}.profile-intro__info{font-size:15px;font-weight:700;margin-bottom:6px}.profile-intro__link{font-size:13px;font-weight:700;margin-bottom:8px;color:#00b6f3;text-decoration:underline}.profile-intro__link:last-child{margin-bottom:0}.profile-ad-bnr{margin-top:16px}.profile-ad-bnr img{width:100%;height:auto}.profile-desc{padding:16px 0;border-bottom:1px solid #ccc}.profile-desc__title{font-size:16px;font-weight:700;margin-bottom:16px}.profile-desc__text p{font-size:14px;line-height:1.6;margin-bottom:16px}.profile-desc__text p:last-child{margin-bottom:0}.profile-list{padding:16px 0;font-size:14px}.profile-list__title{font-size:16px;font-weight:700;margin-bottom:16px}.profile-table{font-size:13px;line-height:1.4}.profile-table tr{border-bottom:solid 1px #eee}.profile-table th{width:36%;padding:12px 8px;text-align:left;font-weight:700}.profile-table td{padding:12px 8px}.photo-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100svh;background-color:#ffebd7;z-index:100;color:#333}.photo-modal{position:fixed;top:47%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:400px;z-index:100}.photo-caption{position:relative;margin-top:16px;font-size:13px;font-weight:700;text-align:center;width:100%;background-color:#fff;padding:12px 8px;border-radius:24px}.photo-caption:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff}.carousel img{width:100%}.carousel{position:relative}.carousel__viewport{overflow:hidden;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.carousel__viewport--dragging{cursor:grabbing}.carousel__track{display:flex;transition:transform .3s ease;will-change:transform}.carousel__viewport--dragging .carousel__track{transition:none}.carousel__slide{display:flex;flex:0 0 100%;flex-direction:column;align-items:center}.carousel__slide img{pointer-events:none}.carousel__prev,.carousel__next{position:absolute;top:50%;z-index:1;display:grid;place-items:center;width:40px;height:40px;background-color:#fe2576;border-radius:50%;color:#fff;font-size:32px;line-height:1;transform:translateY(-50%)}.carousel__prev{left:-24px}.carousel__next{right:-24px}.carousel__icon{fill:#fff;width:20px}.carousel__pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px}.carousel__pagination-button{width:8px;height:8px;border-radius:50%;background-color:#ccc}.carousel__prev:hover,.carousel__next:hover{color:#fff}.carousel__pagination-button:hover,.carousel__pagination-button--active{background-color:#00b6f3}.modal-open{position:fixed;width:100%}.scene-title{position:absolute;top:0;padding:32px;width:100%;height:100svh;background-color:#ffebd7;z-index:100}.scene-title__logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:56px;letter-spacing:.1em;color:#ff027b;font-weight:700;text-align:center}.opening-view{width:100%;height:100svh;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(/img/bg/city.webp)}.opening-body{width:100%;height:100svh}.opening-title{position:absolute;top:34%;left:50%;transform:translate(-50%);width:100%;z-index:1}.opening-title__logo{max-width:500px;width:90%;margin:0 auto;text-align:center;font-size:48px;line-height:1;font-weight:700;color:#fff}.opening-title__logo img{width:100%}.opening-clear-count{color:#333;font-weight:700;background-color:#fff;width:fit-content;margin-inline:auto;margin-bottom:8px;padding:8px 12px;font-size:12px;line-height:1;white-space:nowrap;border-radius:16px;box-shadow:0 2px 8px #0000001f}.nameInput-view{width:100%;height:100svh;overflow:hidden;color:#fff;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(/img/bg/room.webp)}.nameInput-body{position:absolute;top:56%;left:0;right:0;max-width:300px;margin:0 auto;text-align:center;background-color:#ffebd7;padding:32px;border-radius:8px;color:#333}.nameInput-title__logo{font-size:24px;font-weight:700;margin-bottom:16px;color:#333}.nameInput-name input{width:100%;padding:8px;border-radius:4px;background-color:#fff;border:2px solid #ff027b;font-size:16px;font-weight:700}.nameInput-name .error-message{color:red;font-size:12px;font-weight:700;margin-top:8px}.nameInput-title__btn-start:disabled{opacity:.5}.intro-view{width:100%;height:100svh;overflow:hidden;background-color:#0641c9;color:#fff}.intro-body{width:100%;height:100svh;display:flex;align-items:center;justify-content:center}.gameover-view{width:100%;height:100svh;overflow:hidden;background-color:#000;color:#fff}.gameover-title__logo{position:absolute;top:16%;left:50%;transform:translate(-50%);background-image:url(/img/sayonara.webp);background-repeat:no-repeat;background-position:0 0;background-size:contain;width:90px;height:374px}.gameover-face{position:absolute;top:0;width:100%;height:100svh;overflow:hidden}.gameover-face__img{position:absolute;top:0;left:0;width:100%;height:100svh;background-repeat:no-repeat;background-position:center center;background-size:contain;opacity:0;animation-timing-function:ease-in}.scaleout-enter-active,.scaleout-leave-active{animation:scaleOut 6s;animation-fill-mode:forwards}@keyframes scaleOut{0%{left:0;transform-origin:center center;transform:scale(2);opacity:1}60%{opacity:.7}to{left:0;transform-origin:center center;transform:scale(0);opacity:0}}.ending-view{width:100%;height:100svh;overflow:hidden;background-color:#ffe3da;color:#333}.ending-body{width:100%;height:100svh;display:flex;align-items:center;justify-content:center;padding:24px}.ending-title{padding-bottom:88px}.ending-title__img{max-width:300px;margin:0 auto 24px}.ending-title__img img{width:100%}.ending-title__logo{font-size:24px;color:#fe2576;font-weight:700;text-align:center;margin-bottom:16px}.ending-title__text p{font-size:14px;line-height:1.6}.game-view{overflow:hidden}.scene{position:relative;height:100svh;background-repeat:no-repeat;background-position:center center;background-size:cover}.bg{background-color:#fff;width:100%;height:100svh;overflow:hidden}.bg-image{width:100%;height:100svh;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover}.character{position:absolute;top:0;width:100%;height:100svh;overflow:hidden}.chara{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:100svh;background-repeat:no-repeat;background-position:center center;background-size:cover;background-position:center bottom}.question{position:absolute;top:40%;left:50%;transform:translate(-50%);width:100%;text-align:center}.question__num{font-size:16px;font-weight:700;display:inline-block;background-color:#fff;margin:0 auto 8px;padding:8px;border-radius:4px;color:#ff007b}.btn-answer-wrapper{display:flex;flex-direction:column;align-items:center;row-gap:8px;text-align:center}.script{position:absolute;left:50%;transform:translate(-50%);bottom:2%;width:100%}.script__speaker{position:relative;top:24px;left:8px;z-index:1;display:inline-block;font-size:15px;font-weight:700;line-height:1.6;background-color:#fe2576;color:#fff;padding:4px 18px;border-radius:6px}.script__inner{position:relative;font-size:15px;line-height:1.6;font-weight:700;height:23vh;color:#333;background-color:#fff7f0e6;padding:24px;margin:8px;border-radius:16px;border:2px solid #fe2576;word-break:break-all}.arrow{position:absolute;right:32px;bottom:32px;width:0px;height:0px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #fe2576;border-radius:2px;animation:arrow-animation 1s infinite}@keyframes arrow-animation{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@media screen and (min-width:700px){.screen{max-width:80%;margin:0 auto}}@media(orientation:landscape)and (min-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:34%}.btn-bottom,.opening-controls{position:absolute;bottom:32px}.btn-lang{top:8px;bottom:auto}}