.charImage[data-v-6cb2b0aa]{width:100%;object-fit:contain}.charImageDiv[data-v-6cb2b0aa]{position:relative;border-radius:10px;overflow:hidden}.charImageDiv[data-v-6cb2b0aa]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:50%;background:linear-gradient(to bottom,#0000,#0003 30% 100%);pointer-events:none;z-index:1}.liveIndicator[data-v-6cb2b0aa]{position:absolute;right:min(2.5vw,17px,2.5vh);top:min(2vw,15px,2vh);display:inline-flex;align-items:center;gap:6px;padding:4px 8px;color:#fff;background:#0008;border-radius:999px;font-weight:700;font-size:13px;text-transform:uppercase;z-index:2}.liveText[data-v-6cb2b0aa]{letter-spacing:.5px}.liveDot[data-v-6cb2b0aa]{width:10px;height:10px;border-radius:50%;background-color:#3bd16f;box-shadow:0 0 #3bd16fb3;animation:pulse-6cb2b0aa 1.6s infinite}@keyframes pulse-6cb2b0aa{0%{transform:scale(.95);box-shadow:0 0 #3bd16f99}70%{transform:scale(1);box-shadow:0 0 0 10px #3bd16f00}to{transform:scale(.95);box-shadow:0 0 #3bd16f00}}.hoverImageDiv[data-v-6cb2b0aa]{position:relative;width:100%;overflow:hidden;aspect-ratio:3 / 4;z-index:0}.default-image[data-v-6cb2b0aa],.hover-image[data-v-6cb2b0aa]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .8s ease}.default-image[data-v-6cb2b0aa]{opacity:1}.hover-image[data-v-6cb2b0aa]{opacity:0}.charImageDiv.show-hover .hover-image[data-v-6cb2b0aa]{opacity:1}.charImageDiv.show-hover .default-image[data-v-6cb2b0aa]{opacity:0}@media (hover: hover) and (pointer: fine){.charImageDiv:hover .hover-image[data-v-6cb2b0aa]{opacity:1}.charImageDiv:hover .default-image[data-v-6cb2b0aa]{opacity:0}}.charName[data-v-6cb2b0aa]{position:absolute;bottom:0;left:0;padding:40px 13px 14px;text-align:left;color:#fff;pointer-events:none;font-family:Poppins;background:linear-gradient(to bottom,#0000,#0006 40%,#0000004d);z-index:2}@media (min-width: 760px) and (max-width: 1000px){.charBox .charName[data-v-6cb2b0aa]{padding:5px}}@media (max-width: 480px),(max-height: 620px){.charBox .charName[data-v-6cb2b0aa]{padding:min(13px,.5vw,.5vh) min(13px,.5vw,.5vh)}}.charNameHuman[data-v-6cb2b0aa]{color:#fff}.charBox[data-v-6cb2b0aa]{margin-bottom:12px;font-size:min(14px,3vw,3vh)}@media (max-width: 1200px){.charBox[data-v-6cb2b0aa]{font-size:10px}}@media (max-width: 790px){.charBox[data-v-6cb2b0aa]{padding-right:15px;width:33%;font-size:11px}}@media (max-height: 700px){.charBox[data-v-6cb2b0aa]{font-size:13px}}@media (max-height: 650px){.charBox[data-v-6cb2b0aa]{font-size:12px}}@media (max-height: 550px){.charBox[data-v-6cb2b0aa]{font-size:11px}}@media (max-width: 600px){.charBox[data-v-6cb2b0aa]{width:50%}}@media (max-width: 420px){.charBox[data-v-6cb2b0aa]{padding-right:8px;font-size:9px}}.charBoxMain[data-v-6cb2b0aa]{width:25%;padding:max(min(1vw,13px),6px);box-sizing:border-box;font-size:13px}@media (max-width: 1380px){.charBoxMain[data-v-6cb2b0aa]{width:33.3%}}@media (max-width: 1100px){.charBoxMain[data-v-6cb2b0aa]{width:50%}}@media (min-width: 550px) and (max-width: 670px){.charBoxMain[data-v-6cb2b0aa]{font-size:12px}}@media (max-width: 480px){.charBoxMain[data-v-6cb2b0aa]{width:100%}}.avatarText[data-v-6cb2b0aa]{position:absolute;left:min(3vw,2vh,15px);top:min(3.2vw,2vh,15px);color:#fff;background-color:var(--markup-color-middle-gradient);border-radius:20px;padding:2px 6px;font-size:max(min(3vw,3vh,13px),12px);display:inline-flex;align-items:center;gap:5px}.charBox .avatarText[data-v-6cb2b0aa]{left:min(3vw,3vh,15px);top:min(3vw,3vh,15px)}@media (min-width: 760px) and (max-width: 1000px){.charBox .avatarText[data-v-6cb2b0aa]{left:5px;top:5px}}.boxLink[data-v-6cb2b0aa]{text-decoration:unset;text-align:center}