.card{width:auto;height:auto}@media screen and (orientation:landscape){.box{margin:.1vw;float:left;-webkit-transition:all .5s ease;transition:all .5s ease;background:#3e3c3d;width:7vw;height:7vw;-webkit-box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);position:relative;border:2px solid #5b5a57}.box,.box:hover{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.box:hover{border:2px solid rgba(184,149,6,.8156862745098039)}.imgBox{z-index:3;background-color:#000}.dMB,.imgBox{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.dMB{position:absolute;width:100%;font-size:0;display:inline-block;margin:0;padding:0;left:0;bottom:0;z-index:4;background-color:rgba(0,0,0,.522);cursor:pointer}.box:hover .dMB{background-color:rgba(0,0,0,.055)}.pic{height:6.8vw;width:auto;-webkit-transition:all .8s ease;transition:all .8s ease}.box:hover .pic{height:6vw;margin:0 -100%}.dM{bottom:0;font-size:1rem;line-height:1rem;font-weight:600;margin-top:2px;text-shadow:2px 2px 12px #858585!important}.box:hover .dM{word-break:break-all;color:#f5f5f5;text-shadow:2px 0 4px #0a0a0a!important;margin-top:3vw;bottom:.1rem;display:block;max-width:6.8vw;font-size:1.2vw;line-height:1.8rem;-webkit-transition:all .3s ease;transition:all .3s ease;table-layout:fixed}.dM2{line-height:1.5rem;display:inline;margin:2px;text-shadow:2px 0 4px #858585!important}.dM2,.dM3{bottom:0;font-size:1rem}.dM3{line-height:1rem;font-weight:600;margin-top:2px;text-shadow:2px 2px 12px #858585!important}.box:hover .dM2,.box:hover .dM3,.noShow{display:none}}@media screen and (max-width:840px){*{font-size:14px}.dM,.dM2{text-shadow:none!important;bottom:0;line-height:13px;font-size:12px;color:#c1c1c1;margin:0 1vw;display:inline}.dM{margin-top:5px}.box{margin:2vw 0 0 2vw;float:left;-webkit-transition:all .6s ease;transition:all .6s ease;border:3px solid hsla(0,0%,96.9%,.094);-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(39,39,39,.733);border-radius:8px;width:47vw;height:46.25vw;-webkit-box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);overflow:hidden}.box:hover .dM{display:block;line-height:13px;text-shadow:none!important}.dM2:before{content:attr(data-season);font-size:12px!important}.unique:after{content:"\2737";font-size:12px!important}.battlepass:after,.unique:after{display:inline-block;vertical-align:middle}.battlepass:after{background-image:url(https://fhimg.forhonor.link/svg/battlepass.svg);font-size:12px}.battlepass:after,.event:after{background-repeat:no-repeat;background-position:50%;width:12px!important;height:12px!important}.event:after{background-image:url(https://fhimg.forhonor.link/svg/event.svg);font-size:12px!important;vertical-align:middle;display:inline-block}}@media only screen and (orientation:portrait){.box{margin:2vw 0 0 2vw;float:left;-webkit-transition:all .6s ease;transition:all .6s ease;border:3px solid hsla(0,0%,96.9%,.094);-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(39,39,39,.733);border-radius:8px;width:47vw;height:46.25vw;-webkit-box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);overflow:hidden}.dM{margin-top:5px}.dMB{position:relative;height:16vw;width:45vw;border-radius:0 0 10px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:2vw;display:inline-block;margin:0 auto;left:0;padding-top:2px;text-shadow:2px 2px 8px #0a0a0a}.dMB *,.dMB strong{text-shadow:4px 4px 8px #0a0a0a!important}.dM{bottom:0;font-size:16px;font-weight:600;color:#c1c1c1;display:block}.dM2{margin:0 1vw;display:inline}.dM2,.dM3{bottom:0;font-size:12px;color:#c1c1c1}.dM3{font-weight:600;display:block}.imgBox{background-color:#000}.imgBox,.pic{height:29.25vw}.pic{width:auto;margin:0 -100%}.noShow{display:none}}.dM2:before{content:attr(data-season);font-size:16px;margin:0 2px}.unique:after{content:"\2737"}.battlepass:after,.unique:after{display:inline-block;margin:0 2px;font-size:16px}.battlepass:after{content:"";background-image:url(https://fhimg.forhonor.link/svg/battlepass.svg);width:16px;height:14px;background-repeat:no-repeat;background-position:50%}.event{overflow:hidden;background-size:16px}.event:after{content:"";background-image:url(https://fhimg.forhonor.link/svg/event.svg);font-size:16px;background-repeat:no-repeat;background-position:50%;width:16px;margin:0 2px;display:inline-block;height:14px}.TabMask[data-v-281032d0]{display:block;position:fixed;left:0;top:0;right:0;bottom:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.9);z-index:5}.active[data-v-281032d0]{border-color:red!important;-webkit-transition:all .5s ease;transition:all .5s ease}.active~[data-v-281032d0]{color:#bd9528!important}.wulin[data-v-281032d0]{color:#bca46d}.samurai[data-v-281032d0]{color:#04665d}.knights[data-v-281032d0]{color:#445c4c}.vikings[data-v-281032d0]{color:#b51526}@media screen and (orientation:landscape){.Tab[data-v-281032d0] :target{display:block}.Tab[data-v-281032d0]{top:0;left:0;width:70%;height:60vh;position:fixed;z-index:5;background-color:rgba(9,8,8,.9450980392156862);-webkit-transition:all .5s ease;transition:all .5s ease;margin:20vh 15vw;border:2px solid #434346;border-radius:10px;min-height:20vw}.campTab[data-v-281032d0],.Tab[data-v-281032d0]{-webkit-animation:fadeInDown 1s;animation:fadeInDown 1s}.campTab[data-v-281032d0]{position:static;display:block;top:2vw;font-size:16px;border-bottom:2px dashed #434346;margin:0 auto;margin-top:6vh;padding-bottom:2vh}.heroTab[data-v-281032d0]{position:static;display:-moz-box;display:none;top:6vw;font-size:16px;-webkit-animation:popIn .4s;animation:popIn .4s;-webkit-transition:all 1s ease;transition:all 1s ease;margin:6vh auto}.camp[data-v-281032d0]{width:6vw;height:6vw;margin:5px;border-radius:50%;font-size:30px;color:#d0a423;border:4px solid hsla(0,0%,64.7%,.8549019607843137);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#ccc;display:inline-block;background-repeat:no-repeat;background-size:auto 100%;background-position:50%;-webkit-transition:all .5s ease;transition:all .5s ease;position:relative;cursor:pointer}.camp[data-v-281032d0]:hover{background-color:#fff}.camp[data-v-281032d0]:active{background-size:120%;-webkit-transition:all 2s ease;transition:all 2s ease;color:red}.campBox[data-v-281032d0]{font-size:2rem;font-weight:700;color:#bd9528;display:inline-table}.heroBox[data-v-281032d0]{font-size:1.5rem;font-weight:700;display:inline-table}.hero[data-v-281032d0]{width:6vw;height:6vw;margin:5px auto;background-color:rgba(73,73,73,.5);background-repeat:no-repeat;background-size:80%;background-position:50%;-webkit-transition:all .5s ease;transition:all .5s ease;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);-webkit-box-shadow:inset 0 0 5px #020202;box-shadow:inset 0 0 5px #020202;position:inherit;cursor:pointer}.heroBox[data-v-281032d0]:hover{color:#69f}.heroBox:hover .hero[data-v-281032d0]{background-size:auto 95%;-webkit-transition:all 1s ease;transition:all 1s ease;background-color:#69f}.hero[data-v-281032d0]:active{background-size:120%;-webkit-transition:all 1s ease;transition:all 1s ease}.fontSpan[data-v-281032d0]{display:block;position:relative;width:8vw;margin:0 auto}}@media screen and (max-width:840px){[data-v-281032d0]{font-size:16px}.Tab[data-v-281032d0]{margin-top:4vh;height:75vh}.campTab[data-v-281032d0]{top:2vh;margin-top:2vh}.campBox[data-v-281032d0]{font-size:20px}.heroBox[data-v-281032d0]{font-size:16px}}@media only screen and (orientation:portrait){.Tab[data-v-281032d0] :target{display:-webkit-box;display:-ms-flexbox;display:flex}.Tab[data-v-281032d0]{top:0;left:0;width:100vw;height:100vh;display:block;position:fixed;z-index:5;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}.campTab[data-v-281032d0]{position:fixed;display:-webkit-box;display:-ms-flexbox;z-index:5;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;top:0;left:10vw;height:100%;font-size:16px;-webkit-animation:fadeInDown .5s;animation:fadeInDown .5s}.camp[data-v-281032d0]:active{background-color:#434346}.heroTab[data-v-281032d0]{position:fixed;display:-ms-flexbox;display:none;-ms-flex-pack:center;justify-content:center;-webkit-box-pack:center;animation:bounceInRight 1s;-webkit-animation:bounceInRight 1s;-webkit-transition:all .6s ease;transition:all .6s ease;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:20vh;width:50vw;right:3vw;top:0;height:100vh;font-size:16px}.camp[data-v-281032d0]{width:100%;height:80%;z-index:5;font-size:16px;border-bottom:4px dashed #867d6c;background-color:#fdfae5;display:inline-block;background-repeat:no-repeat;background-size:auto 100%;background-position:50%;-webkit-transition:all .5s ease;transition:all .5s ease;position:absolute;left:0;top:0}.camp[data-v-281032d0],.campBox[data-v-281032d0]{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.campBox[data-v-281032d0]{font-size:0;font-weight:600;color:hsla(0,0%,100%,.6431372549019608);background-color:rgba(65,64,64,.164);border:2px solid #383838;margin-bottom:20px;border-radius:6px;width:20vw;height:30vw;display:block;position:relative}.heroBox[data-v-281032d0]{margin:6px;border-radius:6px;height:18vw;font-weight:700;border:3px solid #383838;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(73,73,73,.5);display:block;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hero[data-v-281032d0]{width:100%;height:16vw;vertical-align:middle;margin-left:2vw;position:absolute;left:0;opacity:.9;margin:0 auto;background-repeat:no-repeat;background-size:100%;background-position:50%;display:inline-block;z-index:0}.hero[data-v-281032d0],.hero[data-v-281032d0]:active{-webkit-transition:all .5s ease;transition:all .5s ease}.hero[data-v-281032d0]:active{background-size:120%}.campBox .fontSpan[data-v-281032d0]{display:block;font-size:1.2rem;position:absolute;bottom:0;height:20%;width:100%;text-align:center}.heroBox .fontSpan[data-v-281032d0]{z-index:0;display:block;position:absolute;top:-16px;font-size:32px!important;font-weight:bolder!important;margin-bottom:10%;margin-left:2%;height:auto}.heroBox .fontSpan strong[data-v-281032d0]{position:relative;font-size:2rem!important;text-shadow:4px 4px 6px #0a0a0a!important;-webkit-text-stroke:.5px #020202;font-style:italic}}#app{animation:bounceInRight 1s;-webkit-animation:bounceInRight 1s}.tabBtn:nth-of-type(2){background-color:#fff;z-index:6}.tabBtn:nth-of-type(3){background-color:#666}.hideSide{-webkit-transform:translateX(25vw);transform:translateX(25vw)}.hideSide .showBigPic{top:0}.rotate{-webkit-animation:rotate 5s linear infinite;animation:rotate 5s linear infinite;-webkit-transition:all .5s ease;transition:all .5s ease}.fadeOut{-webkit-animation:fadeOut .5s linear;animation:fadeOut .5s linear;-webkit-transition:all .3s ease;transition:all .3s ease}.bounceOut{animation:bounceOut .75s!important;-webkit-animation:bounceOut .75s!important}.bounceOutLeft{animation:bounceOutLeft .6s!important;-webkit-animation:bounceOutLeft .6s!important}.bounceInLeft{animation:bounceInLeft .5s!important;-webkit-animation:bounceInLeft .5s!important}.bounceInRight{animation:bounceInRight 1s!important;-webkit-animation:bounceInRight 1s!important}.fix{position:fixed}@media screen and (orientation:landscape){#app{text-align:center;font-size:0;height:auto;color:#2c3e50;z-index:1;margin:0;padding:0;background:#2b2724}.banner{margin-top:2vh;margin-left:2vh;padding-bottom:6vw;width:8vw;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:2px 2px 2px 1px rgba(0,0,0,.5);box-shadow:2px 2px 2px 1px rgba(0,0,0,.5);background-color:#222;left:0;z-index:3;float:left;position:absolute}.searchBtn{background-size:contain;background-repeat:no-repeat;width:3vw;height:3vw;position:absolute;top:0;margin:10px 2.5vw;cursor:pointer}.searchBtn:before{left:10%;top:10%;width:80%;height:80%;border:4px solid #2081f6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%}.searchBtn:after,.searchBtn:before{content:"";position:absolute;-webkit-transition:all .5s;transition:all .5s}.searchBtn:after{right:4px;bottom:4px;width:20%;height:4px;background-color:#4c4f54;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.searchBtn:active{-webkit-transform:scale(1.5);transform:scale(1.5)}.activeMenuBtn{background-color:#fff;background-image:none;border-radius:20%}.activeMenuBtn:before{border:none;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;border-radius:0}.activeMenuBtn:after,.activeMenuBtn:before{content:"";top:50%;left:0;right:0;width:100%;background-color:#000;-webkit-transition:all .5s;transition:all .5s;opacity:1}.activeMenuBtn:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.musicBtn{display:block;position:absolute;width:100%;height:100%;background-image:url(../img/music.ed34a566.svg);background-position:50%;background-repeat:no-repeat;background-size:100%}#music{display:none}.music:hover #music{opacity:0}.musicBtn:hover #music{display:block;position:absolute;width:20vw;height:2vw}.uploadBtn{width:4vw;height:2vw;background-color:wheat;position:relative;top:2vw;margin:0 auto;margin-top:1vw;border-radius:6px}.upload{width:100%;height:100%;background-image:url(../img/music.ed34a566.svg)}.uploadBtn:hover .btnMsg{display:block;top:0;-webkit-box-shadow:1px 1px 4px 2px rgba(0,0,0,.5);box-shadow:1px 1px 4px 2px rgba(0,0,0,.5);-webkit-transition:all .5s ease;transition:all .5s ease}.tabBtn{position:relative;top:2vw;margin:0 auto;margin-top:2vw;width:6vw;height:6vw;border:4px solid hsla(0,0%,64.7%,.439);border-radius:50%;background-repeat:no-repeat;background-size:auto 100%;background-position:50%;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);cursor:pointer}.tabBtn,.tabBtn:nth-child(7):before{-webkit-box-sizing:border-box;box-sizing:border-box}.tabBtn:nth-child(7):before{content:"";position:absolute;border-radius:50%;width:100%;height:100%;border:0;border:4px solid rgba(245,222,179,0);border-top:4px solid #ff2803;border-left:4px solid #ff2803;left:0;margin:0 auto;top:0;display:block;-webkit-animation:circleRotate 2s linear infinite;animation:circleRotate 2s linear infinite;overflow:hidden}.tabBtn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.tabBtn:active,.tabBtn:hover{-webkit-transition:all .5s ease;transition:all .5s ease}.tabBtn:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.btnMsg{font-size:1.5rem;font-weight:700;width:20vw;text-align:center;max-width:120px;height:auto;position:absolute;display:none;left:8vw;top:1.5vw;background-color:#222;color:hsla(0,0%,100%,.788)!important;padding:10px;border-radius:8px;-webkit-animation:popIn .5s ease;animation:popIn .5s ease}.tabBtn:hover .btnMsg{-webkit-box-shadow:1px 1px 4px 2px rgba(0,0,0,.5);box-shadow:1px 1px 4px 2px rgba(0,0,0,.5)}.aBox,.tabBtn:hover .btnMsg{display:block;-webkit-transition:all .5s ease;transition:all .5s ease}.aBox{position:relative;top:2vw;margin:0 auto;margin-top:2vw;width:6vw;height:6vw;border:4px solid hsla(0,0%,64.7%,.855);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;background-color:#9cf;-webkit-box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);cursor:pointer;overflow:visible}.aBox:hover .btnMsg{display:block;-webkit-box-shadow:1px 1px 4px 2px rgba(0,0,0,.5);box-shadow:1px 1px 4px 2px rgba(0,0,0,.5);-webkit-transition:all .5s ease;transition:all .5s ease}.help{width:100%;height:100%;border-radius:50%;background-image:url(https://fhimg.forhonor.link/svg/help.svg);background-repeat:no-repeat;background-size:auto 120%;background-position:50%;overflow:visible}.aBox:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.aBox:hover,.aBox:hover .help{-webkit-transition:all .5s ease;transition:all .5s ease}.aBox:hover .help{-webkit-transform:scale(1.1);transform:scale(1.1)}.aBox:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.aBox:active,.admireBtn{-webkit-transition:all .5s ease;transition:all .5s ease}.admireBtn{width:100%;height:100%;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;background-color:#fdfae5!important;background-image:url(../img/admire_icon.19922020.svg);background-repeat:no-repeat;background-size:auto 80%;background-position:50%}.imgBackgroundBox{z-index:1;height:100%;position:absolute;width:100%;overflow:hidden;background-color:#000;text-align:center}.currentImgBox{width:100vw;height:100vh;overflow:hidden;z-index:-1;vertical-align:middle;-webkit-animation:fadeInDown .5s ease;animation:fadeInDown .5s ease;display:table-cell}.currentImg{z-index:-1;max-height:95vh;width:auto;display:inline-block;background-color:#000}.currentAltBox,.currentImg{position:relative;margin:0 auto}.currentAltBox{z-index:0;display:block;font-size:3rem;line-height:4.1rem;bottom:14vh;-webkit-animation:popIn .5s;animation:popIn .5s;-webkit-transition:all .3s ease;transition:all .3s ease;text-align:center}.currentAltBox:after{display:inline-block;content:attr(data-quality);width:1.2rem;font-size:1.2rem;font-weight:700;line-height:1.3rem;word-wrap:break-word;background-color:rgba(0,0,0,.439);border:2px solid #9c9c9c;margin:.8rem;padding:.1rem;vertical-align:middle;text-shadow:4px 4px 12px #0a0a0a!important;-webkit-transition:all .3s linear;transition:all .3s linear}.currentAltBox:after,.currentEventNameBox{position:relative;text-align:center;-webkit-animation:popIn .5s;animation:popIn .5s}.currentEventNameBox{z-index:0;display:block;font-size:1.8rem;line-height:2.1rem;color:#eee;border-radius:10px;padding:3px;bottom:15vh;margin:0 auto;text-shadow:2px 2px 8px #0a0a0a!important;-webkit-transition:all .3s ease;transition:all .3s ease}.backgroundBox{z-index:2;height:100vh;width:50%;float:right}.backgroundBox:hover~.banner{opacity:0}.logo{display:initial;position:fixed;float:right;background-image:url(https://fhimg.forhonor.link/svg/logo.svg);background-repeat:no-repeat;background-size:auto 180%;background-position:50%;height:9vw;width:25vw;bottom:0;z-index:3;right:0}.marginBox{padding-left:1vw;margin-left:10vw;position:relative;z-index:2;float:right;right:2vw;top:8vw}.displayBox{-webkit-transition:all 1s ease;width:30vw;height:30vw;display:inline-block;top:0;position:static;vertical-align:top;overflow-y:auto;background-color:rgba(8,8,8,.541);transition:all 1s ease}.displayBox::-webkit-scrollbar{width:8px;height:8px}.displayBox::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(255,254,254,.466);box-shadow:inset 0 0 5px rgba(255,254,254,.466);background:hsla(0,0%,100%,.205)}.displayBox::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(99,99,99,.315);box-shadow:inset 0 0 5px rgba(99,99,99,.315);border-radius:0;background:hsla(0,0%,43.9%,.11)}.showBigPic{background-image:url(https://fhimg.forhonor.link/svg/showImage.svg);width:7vw;height:7vw;margin:.1vw;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);position:fixed;border:2px solid #5b5a57;z-index:5;cursor:pointer}.showBigPic:hover:after{content:"\70B9\51FB\9690\85CF\4FA7\680F\FF0C\53CC\51FB\663E\793A\5927\56FE";position:relative;display:inline-block;vertical-align:bottom;word-wrap:break-word;margin:auto;left:-220%;width:200%;font-size:1.5rem;font-weight:700;text-align:center;background-color:rgba(0,0,0,.816);border:2px solid #424242;color:hsla(0,0%,100%,.788)!important;border-radius:8px;padding:4px;-webkit-animation:popIn .5s ease;animation:popIn .5s ease}.fakeBox{opacity:0}.outerBox{margin:.1vw;float:left;-webkit-animation:popIn .5s;animation:popIn .5s}.outerBox,.showBigPic:hover~div{-webkit-transition:all .5s ease;transition:all .5s ease}.showBigPic:hover~div{opacity:0}.showBigPic:hover{background-color:hsla(0,0%,100%,0)!important;opacity:.9;-webkit-transition:all .5s ease;transition:all .5s ease}.bigunique:before{content:"\2737";font-size:3rem}.bigbattlepass:before,.bigunique:before{display:inline-block;vertical-align:middle}.bigbattlepass:before{content:"";background-image:url(https://fhimg.forhonor.link/svg/battlepass.svg);margin-right:.5rem;width:3rem;height:3rem;background-repeat:no-repeat;background-position:50%}.bigevent{overflow:hidden;background-size:16px}.bigevent:before{content:"";background-image:url(https://fhimg.forhonor.link/svg/event.svg);background-repeat:no-repeat;background-position:50%;vertical-align:middle;margin-right:.5rem;width:3rem;display:inline-block;height:3rem}.HeroCard{width:7vw;height:7vw;font-size:2vw}}@media screen and (max-width:840px){.currentAltBox{font-size:36px}}@media only screen and (orientation:portrait){#app{text-align:center;font-size:0;height:auto;color:#2c3e50;z-index:1;margin:0;padding:0;-webkit-transition:all 1s ease;transition:all 1s ease;background-color:transparent}.currentImg,.fakeBox,.imgBackgroundBox{display:none}.backgroundBox{position:absolute;top:0;font-size:0;width:100vw;margin:0;padding:0;bottom:0}.marginBox{position:relative;top:20vw;width:98vw;margin-right:2vw;margin-bottom:2vw;display:inline-block;min-height:100vh}.banner{height:20vw;border-radius:0 0 10px 10px;border-bottom:1vw solid rgba(0,0,0,.5);border-left:1vw solid rgba(0,0,0,.5);border-right:1vw solid rgba(0,0,0,.5);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:2px 2px 2px 1px rgba(0,0,0,.5);box-shadow:2px 2px 2px 1px rgba(0,0,0,.5);background-color:#272727;position:absolute;top:0;width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btnMsg{display:none}.menuBtn{background-size:contain;background-repeat:no-repeat;width:40px;height:40px;position:fixed;z-index:2;top:40vw;right:10px;margin:10px 2.5vw;padding:2px;border:2px solid hsla(0,0%,100%,.5);background-color:#fdfdfd;border-radius:20%}.menuBtn:before{top:20%;height:60%;border-top:4px solid #222;border-bottom:4px solid #222;-webkit-box-sizing:border-box;box-sizing:border-box}.menuBtn:after,.menuBtn:before{content:"";position:absolute;left:0;width:100%;-webkit-transition:all .5s;transition:all .5s}.menuBtn:after{top:20px;height:4px;background-color:#000}.toTopBtn{background-color:hsla(0,0%,99.2%,.671);background-size:contain;background-repeat:no-repeat;width:40px;height:40px;border:2px solid grey;padding:2px;position:fixed;border-radius:20%;z-index:2;top:60vw;right:10px;margin:10px 2.5vw;display:none}.toTopBtn:before{left:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0}.toTopBtn:after,.toTopBtn:before{content:"";position:absolute;top:60%;width:70.7%;height:4px;background-color:#000;-webkit-transition:all .5s;transition:all .5s}.toTopBtn:after{right:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.searchBtn{background-size:contain;background-repeat:no-repeat;width:40px;height:40px;position:fixed;z-index:3;top:20vw;right:10px;margin:10px 2.5vw;border:2px solid hsla(0,0%,99.2%,.5);padding:2px;background-color:rgba(0,0,0,.486);border-radius:20%}.searchBtn:before{left:10%;top:10%;width:80%;height:80%;border:4px solid #2081f6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%}.searchBtn:after,.searchBtn:before{content:"";position:absolute;-webkit-transition:all .5s;transition:all .5s}.searchBtn:after{right:4px;bottom:4px;width:20%;height:4px;background-color:#4c4f54;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.activeMenuBtn{background-color:#fff;background-image:none}.activeMenuBtn:before{border:none;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;border-radius:0}.activeMenuBtn:after,.activeMenuBtn:before{content:"";top:50%;left:0;right:0;width:100%;background-color:#000;-webkit-transition:all .5s;transition:all .5s;opacity:1}.activeMenuBtn:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.tabBtn{left:0;width:15vw;height:15vw;margin:auto;background-color:#000;position:relative;border-radius:50%;border:3px solid hsla(0,0%,61.2%,.475);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,.185);box-shadow:1px 1px 1px 1px rgba(0,0,0,.185)}.musicBtn{display:block;position:absolute;width:100%;height:100%;background-image:url(../img/music.ed34a566.svg);background-position:50%;background-repeat:no-repeat;background-size:100%}#music{visibility:hidden}#music,.aBox{display:none}.admireBtn{width:100%;height:100%;position:relative;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;background-color:#fdfae5;background-image:url(../img/admire_icon.19922020.svg);background-repeat:no-repeat;background-size:auto 80%;background-position:50%}.displayBox{display:inline-block;top:0;position:static;vertical-align:top;margin-bottom:8vw}.outerBox{margin:2vw 0 0 2vw;float:left;-webkit-animation:popIn .6s;animation:popIn .6s;-webkit-transition:all .6s ease;transition:all .6s ease}.card :target{-webkit-animation:toTarget 2s;animation:toTarget 2s}}.btn{width:auto;display:inline-block;margin:1rem;background-color:#b5b3aa}.messageTextBox{height:10vw;display:block;position:relative}.textBox{width:25vw;margin:0 3vw 0 0;border-radius:3vw;border-style:hidden}.commitBtn{width:11vw;height:6vw;background-color:#72a64d;border-radius:5vw;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.5);box-shadow:2px 2px 2px rgba(0,0,0,.5);border-style:solid;color:#fff}.commitBtn,.HDBox{-webkit-box-sizing:border-box;box-sizing:border-box}.HDBox{border:1vw solid hsla(0,0%,91%,.82);border-radius:8px;background-color:#3e3c3d;-webkit-box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);box-shadow:5px 5px 5px 1px rgba(0,0,0,.5)}.HDBox,.HDHeroBox{width:47vw;height:53.25vw}.HDHeroBox{margin:0;font-size:2vw}.HDOuterBox{height:53.25vw;width:47vw;display:inline-block;margin:2vw 0 0 2vw}@keyframes circleRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes circleRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes toBanner{0%{background:#1565c0}50%{background:#78909c}to{background:#1565c0}}@keyframes toBanner{0%{background:#1565c0}50%{background:#78909c}to{background:#1565c0}}@-webkit-keyframes toStartBtnImg{0%{background:grey}50%{background:#847f62}to{background:grey}}@keyframes toStartBtnImg{0%{background:grey}50%{background:#847f62}to{background:grey}}@-webkit-keyframes detailBox{0%{height:37.25vw}50%{height:42.25vw}to{height:47.25vw}}@keyframes detailBox{0%{height:37.25vw}50%{height:42.25vw}to{height:47.25vw}}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes popIn{0%{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}50%{-webkit-animation-timing-function:cubic-bezier(.47,0,.745,.715);animation-timing-function:cubic-bezier(.47,0,.745,.715)}to{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:1}}@keyframes popIn{0%{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}50%{-webkit-animation-timing-function:cubic-bezier(.47,0,.745,.715);animation-timing-function:cubic-bezier(.47,0,.745,.715)}to{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:1}}@-webkit-keyframes slideOut{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOut{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fadeOut{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes fadeOut{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes toTarget{0%{background-color:rgba(250,163,2,.904);border-color:rgba(255,0,0,.336)}to{background-color:rgba(250,163,2,.904);border-color:rgba(255,0,0,.336)}}@-webkit-keyframes toTarget{0%{background-color:rgba(250,163,2,.247);border-color:rgba(255,0,0,0)}to{background-color:rgba(250,163,2,.247);border-color:rgba(255,0,0,0)}}.epic{color:#c6a007}.common{color:#959595}.heroic{color:#9600ff}.legendary{color:#40b795}.rare{color:#399aff}