.gameplayP[data-v-ae8d7a48]{background-color:transparent;overflow:hidden;position:relative}.gameplayP[data-v-ae8d7a48],.img[data-v-ae8d7a48]{height:calc(100vh - var(--vh-offset, 0px));width:100vw}.img[data-v-ae8d7a48]{left:0;position:absolute;top:0}.img>img[data-v-ae8d7a48]{animation:imgFadeIn-ae8d7a48 1s ease both;-o-object-fit:cover;object-fit:cover}.img>img[data-v-ae8d7a48],.mask[data-v-ae8d7a48]{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.mask[data-v-ae8d7a48]{background:url(../image/mask-BNBhVM8K.png) no-repeat 50%/cover}.img-text[data-v-ae8d7a48]{bottom:9.5rem;left:18.5625rem;position:absolute;width:59.375rem}.img-text-desc[data-v-ae8d7a48],.img-text-title[data-v-ae8d7a48]{animation:textSlideInUp-ae8d7a48 .35s ease-in-out both;text-shadow:0 .1875rem .1875rem rgba(0,0,0,.3);will-change:transform,opacity}.img-text-title[data-v-ae8d7a48]{animation-delay:0s;cursor:pointer}.img-text-desc[data-v-ae8d7a48]{animation-delay:.15s}.img-text-title[data-v-ae8d7a48]{align-items:center;display:flex}.img-text-title img[data-v-ae8d7a48]{height:5rem;margin-left:-.25rem;width:auto}.img-text-title span[data-v-ae8d7a48]{background:url(../image/btn-iuPbCW2m.png) no-repeat 50%/contain;height:2.625rem;position:relative;top:.125rem;width:3.9375rem}.img-text-desc[data-v-ae8d7a48]{align-items:center;display:flex;margin-top:-.625rem;max-height:7.5rem;position:relative;width:58.125rem}.img-text-desc p[data-v-ae8d7a48]{color:#fff;display:-webkit-box;font-size:1.5rem;-webkit-line-clamp:2;line-height:2rem;max-height:5rem;padding:1.25rem 1.875rem 0 .75rem;width:100%;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.nav[data-v-ae8d7a48]{flex-direction:column;gap:.5rem;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:100}.nav[data-v-ae8d7a48],.nav .nav-item[data-v-ae8d7a48]{display:flex;justify-content:flex-end}.nav .nav-item[data-v-ae8d7a48]{align-items:center;cursor:pointer;gap:1rem;height:3.3125rem}.nav .nav-item .name[data-v-ae8d7a48]{color:#b1b1b1;font-size:1.25rem;line-height:1;margin-right:.25rem;position:relative}.nav .nav-item .line[data-v-ae8d7a48]{height:.75rem;position:relative;transition:width .3s ease-in-out,height .3s ease-in-out;width:3.125rem}.nav .nav-item .line .icon[data-v-ae8d7a48]{height:.3125rem;position:absolute;width:.3125rem}.nav .nav-item .line .silk[data-v-ae8d7a48]{display:block;height:100%;width:100%}.nav .nav-item.active .name[data-v-ae8d7a48]{color:#fff;font-size:1.5625rem}.nav .nav-item.active .line[data-v-ae8d7a48]{height:2.875rem;width:9.0625rem}.nav .nav-item:hover .name[data-v-ae8d7a48]{color:#fff}@keyframes imgFadeIn-ae8d7a48{0%{opacity:0}to{opacity:1}}@keyframes upTodown-ae8d7a48{0%{opacity:1;transform:translateY(0)}50%{opacity:.6;transform:translateY(.625rem)}to{opacity:1;transform:translateY(0)}}@keyframes breath-ae8d7a48{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fillSweepG-ae8d7a48{0%{stroke-dashoffset:132}to{stroke-dashoffset:0}}@keyframes fillSweepC-ae8d7a48{0%{stroke-dashoffset:132}20%{stroke-dashoffset:132}to{stroke-dashoffset:0}}@keyframes textSlideInUp-ae8d7a48{0%{opacity:0;transform:translateY(3.125rem)}to{opacity:1;transform:translateY(0)}}