*,:after,:before{box-sizing:inherit}html{height:100%;box-sizing:border-box;transition:background-color .3s cubic-bezier(.25, .8, .25, 1)}body{min-height:100%;margin:0;position:relative;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}body::-webkit-scrollbar{width:6px!important;background-color:#000!important}body::-webkit-scrollbar-thumb{border-radius:4px!important;box-shadow:inset 0 0 6px #6f2a04!important;-webkit-box-shadow:inset 0 0 6px #6f2a04!important;background-color:#6f2a04!important}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #6f2a04!important;-webkit-box-shadow:inset 0 0 6px #6f2a04!important;border-radius:4px!important;background-color:#000!important}.vl-component.loading{filter:blur(20px)}.vl-component.loaded{filter:blur(0);transition:filter 1s}.fa-icon.hover{color:gold}#app{-webkit-overflow-scrolling:touch;width:100%;height:100%;color:#696969;min-width:520px;font-family:Montserrat,sans-serif;background:#f5f5f5;overflow:hidden!important;-webkit-tap-highlight-color:transparent}#app::-webkit-scrollbar{width:4px!important;background-color:#f5f5f5!important}#app::-webkit-scrollbar-thumb{border-radius:2px!important;box-shadow:inset 0 0 6px gray!important;-webkit-box-shadow:inset 0 0 6px gray!important;background-color:gray!important}#app::-webkit-scrollbar-track{box-shadow:inset 0 0 6px gray!important;-webkit-box-shadow:inset 0 0 6px gray!important;border-radius:2px!important;background-color:#dcdcdc!important}#app img{object-fit:cover;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}#app div{-webkit-tap-highlight-color:transparent}#app #header{position:absolute;top:35px;left:0;right:0;margin:0 auto;width:90%;height:50px;max-width:900px;min-width:900px;background:rgba(0,0,0,.67);display:flex;z-index:1;border-radius:50px}#app #header .wyvern-left,#app #header .wyvern-right{position:absolute;top:-25px;width:100px;cursor:none}#app #header .wyvern-left{left:-15px}#app #header .wyvern-right{right:-15px}#app #header .logo{cursor:pointer;position:absolute;width:120px;top:-35px;left:0;right:0;margin:0 auto}#app #header .navigation{margin:0 auto;width:765px;height:100%;border-top:2px solid #edaa35;border-bottom:2px solid #edaa35}#app #header .navigation .left{float:left}#app #header .navigation .right{float:right}#app #header .navigation .left,#app #header .navigation .right{height:100%;display:inline-flex;align-items:center}#app #header .navigation .nav{color:#e29d32;text-decoration:unset;margin:0 4px 0 4px;font-weight:700;font-size:16px;padding:6px;cursor:pointer;text-shadow:2px 2px #000}#app #header .navigation .nav.hover,#app #header .navigation .nav:hover{color:#8c4824}#app #menu{background:#000;position:absolute;top:0;left:-90%;height:100%;z-index:100000001;width:90%;max-width:280px;-webkit-animation:slide-menu .5s forwards;animation:slide-menu .5s forwards}#app #menu .close{position:absolute;right:6px;top:6px}#app #menu .close .fa-icon{width:35px;height:35px}#app #menu .navigation{margin:70px auto}#app #menu .navigation .nav{color:#e29d32;text-decoration:unset;margin:0 auto;font-weight:700;font-size:16px;padding:6px;cursor:pointer;text-shadow:2px 2px #000;display:block;text-align:center;width:100%}#app #menu .navigation .nav.hover,#app #menu .navigation .nav:hover{color:#8c4824;background:#fff;border:1px solid #8c4824;text-shadow:2px 2px #fff}#app #los{position:absolute;z-index:10000001;top:0;left:0;right:0;bottom:0;margin:auto;height:300px;width:300px;background:#3e434b;border:1px solid gold;border-radius:2px}#app #los .loading{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;margin:auto;background:rgba(0,0,0,.5098039216);width:100%;height:100%;display:flex;justify-content:center;align-items:center}#app #los .loading img{width:35px;height:35px}#app #los .head{display:inline-flex;background:#000;width:100%;border-bottom:1px solid #fff}#app #los .head p{width:100%;text-align:center;color:#fff;font-weight:700;padding:8px;margin:0;text-shadow:2px 2px #252702;cursor:pointer}#app #los .head p:first-of-type{border-right:1px solid #fff}#app #los .head p:last-of-type{border-left:1px solid #fff}#app #los .head p.hover,#app #los .head p:hover{background:brown}#app #los .head p.current{color:gold}#app #los .back{left:2px;right:unset}#app #los .back,#app #los .close{position:absolute;top:36px;right:2px;cursor:pointer}#app #los .back .icon .fa-icon,#app #los .close .icon .fa-icon{width:30px;height:30px}#app #los .auth .fa-icon{width:50px;height:50px;margin:0 auto;display:block;pointer-events:none}#app #los .auth p{color:#fff;text-align:center}#app #los .auth input{margin:0 auto;display:block;text-align:center;outline:0;border:1px solid teal;border-radius:2px;padding:4px}#app #los .auth,#app #los .confirm{position:absolute;top:65px;left:0;right:0;bottom:0;z-index:1;width:100%;height:calc(100% - 65px);background:#3e434b;margin:0 auto}#app #los .auth h1,#app #los .confirm h1{font-size:13px;color:#fff;text-align:center}#app #los .auth .code,#app #los .confirm .code{display:flex;justify-content:center;margin-top:40px}#app #los .auth .code input,#app #los .confirm .code input{width:40px;height:40px;text-align:center;font-size:20px;font-weight:700;margin:0 2px 0 2px;outline:unset;border-radius:4px;border:1px solid #000}#app #los .auth .code input:focus,#app #los .confirm .code input:focus{border-color:#2e6fff!important;box-shadow:0 0 5px #2e6fff inset}#app #los .auth .error p,#app #los .confirm .error p{margin:8px 0;color:#ff3f3f;font-size:14px;font-weight:700;text-align:center}#app #los .auth .bottom .input p.disabled,#app #los .confirm .bottom .input p.disabled{color:#b0b0b0;text-decoration:unset;cursor:unset}#app #los .content{height:fit-content;position:absolute;width:100%;top:0;left:0;right:0;bottom:0;margin:auto}#app #los .content .error{position:absolute;top:-16px;left:16px}#app #los .content .error p{margin:0;color:#ff3f3f;font-size:14px;font-weight:700}#app #los .content .error.success p{color:#00d900!important}#app #los .content .input{display:flex;width:90%;margin:10px auto}#app #los .content .input input{width:100%;outline:0;border-radius:2px;border:1px solid #000;padding:6px}#app #los .content .input .icon{display:flex;align-items:center;cursor:pointer}#app #los .content .input .icon .fa-icon{width:25px}#app #los .bottom{position:absolute;width:100%;bottom:8px;margin:0 auto}#app #los .bottom .input{display:flex;justify-content:center;margin:6px 0}#app #los .bottom .input p{margin:0;color:#fff;text-align:center;text-decoration:underline;cursor:pointer}#app #los .bottom .input p.hover,#app #los .bottom .input p:hover{color:gold}#app #los .bottom .input button{background:#5e1414;color:#fff;font-size:16px;padding:2px 8px 2px 8px;border:1px solid #5e1414;border-radius:4px;cursor:pointer}#app #los .bottom .input button.hover,#app #los .bottom .input button:hover{background:#fff;border:1px solid #5e1414;color:#5e1414}#app #footer{position:absolute;bottom:25px;left:0;right:0;color:#fff;margin:0 auto;text-align:center;min-width:300px;text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap;margin:0 auto}#app #footer b{text-shadow:1px 2px #000}.faded{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;background:rgba(0,0,0,.631372549);right:0;bottom:0;margin:0 auto;z-index:10000000}#xybar{visibility:hidden;min-width:250px;background-color:#50021c;color:#fff;text-align:center;border-radius:2px;padding:10px 16px 10px 16px;position:absolute;left:0;right:0;margin:0 auto;display:inline-flex;align-items:center;z-index:999999999999;width:95%;max-width:350px;box-shadow:1px 0 4px 6px #5b0b0b}#xybar p{font-size:14px;line-height:100%;flex:1 60%;margin:0}#xybar div{width:30px;display:flex;justify-content:center;margin-right:-10px;margin-left:5px}#xybar button{width:fit-content;width:-moz-fit-content;height:fit-content;height:-moz-fit-content;border:none;border-radius:2px;cursor:pointer;padding:6px;background:#e7e7e7;font-size:14px;color:#51021e;margin-left:5px}#xybar .fa-icon{cursor:pointer}#xybar.top{top:30px}#xybar.bottom{bottom:30px}#xybar.danger{background-color:#a90000!important}#xybar.danger button{background-color:#51021e!important;color:#fff!important}#xybar.top.show{visibility:visible!important;-webkit-animation:xybar-top-fadein .5s;animation:xybar-top-fadein .5s}#xybar.bottom.show{visibility:visible!important;-webkit-animation:xybar-bottom-fadein .5s;animation:xybar-bottom-fadein .5s}#xybar.top.hide{-webkit-animation:xybar-top-fadeout .5s;animation:xybar-top-fadeout .5s}#xybar.bottom.hide{-webkit-animation:xybar-bottom-fadeout .5s;animation:xybar-bottom-fadeout .5s}@-webkit-keyframes xybar-top-fadein{from{top:0;opacity:0}to{top:30px;opacity:1}}@keyframes xybar-top-fadein{from{top:0;opacity:0}to{top:30px;opacity:1}}@-webkit-keyframes xybar-top-fadeout{from{top:30px;opacity:1;visibility:visible}to{top:0;opacity:0;visibility:hidden}}@keyframes xybar-top-fadeout{from{top:30px;opacity:1;visibility:visible}to{top:0;opacity:0;visibility:hidden}}@-webkit-keyframes xybar-bottom-fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes xybar-bottom-fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes xybar-bottom-fadeout{from{bottom:30px;opacity:1;visibility:visible}to{bottom:0;opacity:0;visibility:hidden}}@keyframes xybar-bottom-fadeout{from{bottom:30px;opacity:1;visibility:visible}to{bottom:0;opacity:0;visibility:hidden}}@-webkit-keyframes slide-menu{100%{left:0}}@keyframes slide-menu{100%{left:0}}.fade--3-enter-active,.fade--3-leave-active{transition-property:opacity;transition-duration:.3s}.fade--3-enter-active{transition-delay:0.1s}.fade--3-enter,.fade--3-leave-active{opacity:0}.fade--2-enter-active,.fade--2-leave-active{transition-property:opacity;transition-duration:.2s}.fade--2-enter-active{transition-delay:0.1s}.fade--2-enter,.fade--2-leave-active{opacity:0}#app.mobile #header{border-radius:unset!important;max-width:unset!important;min-width:unset!important;width:100%!important;height:30px!important;top:15px!important}#app.mobile #header .logo{right:0!important;left:unset!important;width:60px;top:-45px}#app.mobile #header .navigation{width:100%!important}#app.mobile #header .navigation .left{margin-left:16px}#app.mobile #footer{bottom:4px!important;min-width:unset!important;max-width:320px}#app.mobile #footer b{font-size:.85em}
#error,#home{font-family:"Open Sans","Segoe UI",Arial,Helvetica,sans-serif;font-size:.94rem;background:#110d09 url("/assets/img/bg.webp");background-repeat:no-repeat;background-size:100% 100%;height:100vh;min-height:800px}#error #leaf_box,#home #leaf_box{height:100vh;width:100vw;position:absolute;z-index:0;overflow-x:hidden;overflow-y:hidden}#error #leaf_box .leaf,#home #leaf_box .leaf{height:25px;width:31px;background:url("/assets/img/leaf.png");position:absolute}#error #live,#home #live{position:absolute;top:110px;left:0;right:0;display:flex;align-items:center;justify-content:center;flex:1;font-size:2em}#error #live b,#error #live h1,#error #live h2,#error #live h3,#home #live b,#home #live h1,#home #live h2,#home #live h3{color:#979c9f;background:linear-gradient(#cddc39,#ffc107,#a14900);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#error #live h1,#error #live h2,#error #live h3,#home #live h1,#home #live h2,#home #live h3{font-size:.5em!important;text-align:center;line-height:100%;margin:0}#error #text,#home #text{position:absolute;top:110px;left:0;right:0;display:flex;align-items:center;justify-content:center;flex:1;letter-spacing:3.5px;font-size:3rem;font-weight:700;transform-style:preserve-3d;perspective:100px;-webkit-transform-style:preserve-3d;-webkit-perspective:100px}#error #text b,#home #text b{height:3rem;color:#979c9f;background:linear-gradient(#cddc39,#ffc107,#a14900);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform-origin:bottom;transform:rotateX(-85deg);-webkit-transform-origin:bottom;-webkit-transform:rotateX(-85deg);animation:getUp 3.5s infinite}#error #text span,#home #text span{margin-left:10px;margin-right:10px}@keyframes getUp{10%,50%{transform:rotateX(0)}0%,100%,60%{transform:rotateX(-85deg)}}#error #content,#home #content{border-image:url("/assets/img/article-border.png") 40% round;border-width:100px;border-style:solid;position:absolute;max-width:900px;min-width:900px;margin:185px auto;left:0;right:0;height:583px}#error #content #article-head,#home #content #article-head{position:absolute;top:-112px;color:#b9a1a1;display:inline-flex;background:rgba(35,12,12,.8);left:-67px;padding:6px;text-shadow:2px 2px #000;border-top-left-radius:10px;border-top-right-radius:4px}#error #content #article-head p,#home #content #article-head p{margin:0 12px 0 12px;padding:0 12px 0 12px;cursor:pointer}#error #content #article-head p.current,#home #content #article-head p.current{color:#e29d32;border-left:1px solid;border-right:1px solid}#error #content #article-head p.current.hover,#error #content #article-head p.current:hover,#home #content #article-head p.current.hover,#home #content #article-head p.current:hover{color:#e29d32}#error #content #article-head p.hover,#error #content #article-head p:hover,#home #content #article-head p.hover,#home #content #article-head p:hover{color:#ffdbdb}#error #content #article,#home #content #article{background:rgba(35,12,12,.8);overflow-y:auto;overflow-x:hidden;position:absolute;top:-67px;left:-66px;width:842px;height:511px;border-radius:2px}#error #content #article::-webkit-scrollbar,#home #content #article::-webkit-scrollbar{width:4px!important;background-color:#000!important}#error #content #article::-webkit-scrollbar-thumb,#home #content #article::-webkit-scrollbar-thumb{border-radius:2px!important;box-shadow:inset 0 0 6px #6f2a04!important;-webkit-box-shadow:inset 0 0 6px #6f2a04!important;background-color:#6f2a04!important}#error #content #article::-webkit-scrollbar-track,#home #content #article::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #6f2a04!important;-webkit-box-shadow:inset 0 0 6px #6f2a04!important;border-radius:2px!important;background-color:#000!important}#error #content #article .list,#home #content #article .list{width:80%;margin:10px auto}#error #content #article .list .new,#home #content #article .list .new{margin-bottom:15px;border-bottom:1px solid grey;padding-bottom:10px}#error #content #article .list .new:last-child,#home #content #article .list .new:last-child{border-bottom:none}#error #content #article .list .new .head,#home #content #article .list .new .head{padding-bottom:4px;display:inline-flex;width:100%}#error #content #article .list .new .head b,#home #content #article .list .new .head b{color:gold}#error #content #article .list .new .head b:last-child,#home #content #article .list .new .head b:last-child{margin-left:auto}#error #content #article .list .new p,#home #content #article .list .new p{margin:0;color:#fff}#error #content #article .list .new p a.item,#error #content #article .list .new p a.spell,#home #content #article .list .new p a.item,#home #content #article .list .new p a.spell{color:unset}#error #content #article .list .changelog .head,#home #content #article .list .changelog .head{display:inline-flex;width:100%}#error #content #article .list .changelog .head b,#home #content #article .list .changelog .head b{color:gold}#error #content #article .list .changelog .head b.date,#home #content #article .list .changelog .head b.date{margin-left:auto}#error #content #article .list .changelog .head b[data-class="Death Knight"],#home #content #article .list .changelog .head b[data-class="Death Knight"]{color:#c41f3b}#error #content #article .list .changelog .head b[data-class=Mage],#home #content #article .list .changelog .head b[data-class=Mage]{color:#69ccf0}#error #content #article .list .changelog .head b[data-class=Rogue],#home #content #article .list .changelog .head b[data-class=Rogue]{color:#fff569}#error #content #article .list .changelog .head b[data-class=Warlock],#home #content #article .list .changelog .head b[data-class=Warlock]{color:#9482c9}#error #content #article .list .changelog .head b[data-class=Druid],#home #content #article .list .changelog .head b[data-class=Druid]{color:#ff7d0a}#error #content #article .list .changelog .head b[data-class=Hunter],#home #content #article .list .changelog .head b[data-class=Hunter]{color:#abd473}#error #content #article .list .changelog .head b[data-class=Paladin],#home #content #article .list .changelog .head b[data-class=Paladin]{color:#f58cba}#error #content #article .list .changelog .head b[data-class=Priest],#home #content #article .list .changelog .head b[data-class=Priest]{color:#fff}#error #content #article .list .changelog .head b[data-class=Shaman],#home #content #article .list .changelog .head b[data-class=Shaman]{color:#0070de}#error #content #article .list .changelog .head b[data-class=Warrior],#home #content #article .list .changelog .head b[data-class=Warrior]{color:#c79c6e}#error #content #article .list .changelog ul.class li,#home #content #article .list .changelog ul.class li{list-style-type:circle}#error #content #article .list .changelog ul li,#home #content #article .list .changelog ul li{margin-left:-10px;list-style-type:square;color:#fff}#error #content #article .list .changelog ul li a,#home #content #article .list .changelog ul li a{color:red}#error #content #article .list .changelog ul li a.item,#error #content #article .list .changelog ul li a.spell,#home #content #article .list .changelog ul li a.item,#home #content #article .list .changelog ul li a.spell{color:unset}#error #content #article .list .stats,#home #content #article .list .stats{display:flex;width:90%;margin:0 auto}#error #content #article .list .stats .discord_.loading,#home #content #article .list .stats .discord_.loading{width:350px;height:500px;background:#cdcdcd;border-radius:6px;border:1px solid #000;position:relative}#error #content #article .list .stats .discord_.loading img,#home #content #article .list .stats .discord_.loading img{width:35px;height:35px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}#error #content #article .list .stats .server_,#home #content #article .list .stats .server_{width:100%;max-width:275px;text-align:center;border:1px solid #000;border-radius:4px;padding:8px;height:100%;background:rgba(0,0,0,.7019607843);margin-left:10px}#error #content #article .list .stats .server_ .stats_,#home #content #article .list .stats .server_ .stats_{margin-top:12px}#error #content #article .list .stats .server_ .stats_ .stat,#home #content #article .list .stats .server_ .stats_ .stat{display:inline-flex;width:100%}#error #content #article .list .stats .server_ .stats_ .stat .name,#home #content #article .list .stats .server_ .stats_ .stat .name{display:inline-flex}#error #content #article .list .stats .server_ .stats_ .stat .name p,#home #content #article .list .stats .server_ .stats_ .stat .name p{font-weight:700;margin-left:2px}#error #content #article .list .stats .server_ .stats_ .stat .count,#home #content #article .list .stats .server_ .stats_ .stat .count{margin-left:auto;position:relative}#error #content #article .list .stats .server_ .stats_ .stat .count p,#home #content #article .list .stats .server_ .stats_ .stat .count p{font-style:italic;text-shadow:1px 1px green}#error #content #article .list .stats .server_ .stats_ .stat .count .loading,#home #content #article .list .stats .server_ .stats_ .stat .count .loading{width:20px;height:20px;position:absolute;top:0;left:-6px;bottom:0;margin:auto;cursor:unset}#error #content #article .list .stats .server_ .stats_ .stat p,#home #content #article .list .stats .server_ .stats_ .stat p{margin:0;color:#fff}#error #content #article .list .stats .server_ .stats_ .table,#home #content #article .list .stats .server_ .stats_ .table{background:#1f1f1f;border-radius:2px;color:#fff;padding:6px;width:80%;margin:4px auto 0 auto}#error #content #article .list .stats .server_ .stats_ .table .row,#home #content #article .list .stats .server_ .stats_ .table .row{display:flex;justify-content:space-between}#error #content #article .list .stats .server_ .stats_ .table .value:first-of-type,#home #content #article .list .stats .server_ .stats_ .table .value:first-of-type{font-weight:700}#error #content #article .list .stats .server_ .stats_ .table .value:last-of-type,#home #content #article .list .stats .server_ .stats_ .table .value:last-of-type{text-shadow:2px 2px #000}#error .error{display:flex;justify-content:center;align-items:center;justify-items:center;color:#fff;border-radius:50%;background:rgba(0,0,0,.8705882353);height:50%;margin:auto;text-align:center;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;min-width:300px;max-width:500px}#error .error *{margin:0;max-width:250px}#error .error h1{color:red;font-size:50px}#error .error h2{color:#c00000}
#app.mobile{min-width:unset!important;touch-action:manipulation;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;overflow-y:hidden!important;overflow-x:hidden!important}#error.mobile,#home.mobile{min-width:unset!important;min-height:600px!important;overflow-y:auto!important;overflow-x:hidden!important}#error.mobile #text,#home.mobile #text{top:55px;font-size:1.5em}#error.mobile #text b,#home.mobile #text b{height:1em;box-shadow:0 .4rem .3rem -.3rem #f4a460}#error.mobile #live,#home.mobile #live{top:55px;font-size:1.5em}#error.mobile #content,#home.mobile #content{margin:90px auto;min-width:unset!important;height:80%!important}#error.mobile #content #article-head,#home.mobile #content #article-head{padding:2px!important;top:-103px!important}#error.mobile #content #article-head p,#home.mobile #content #article-head p{padding:0 4px 0 4px!important;margin:0 4px 0 4px!important}#error.mobile #content #article,#home.mobile #content #article{height:calc(100% + 128px)!important;width:calc(100% + 142px)!important}#error.mobile #content #article b,#home.mobile #content #article b{font-size:.95em}#error.mobile #content #article p,#home.mobile #content #article p{font-size:.85em}#error.mobile #content #article .list,#home.mobile #content #article .list{width:100%!important;padding:0 10px 0 10px!important}#error.mobile #content #article .stats,#home.mobile #content #article .stats{flex-direction:column-reverse;align-items:center}#error.mobile #content #article .stats .server_,#home.mobile #content #article .stats .server_{margin-left:unset!important}#error.mobile #content #article .stats .discord_,#home.mobile #content #article .stats .discord_{width:80%;margin:20px auto;display:flex;justify-content:center}