div.mobile-bar{transition:all .4s;position:fixed;bottom:-.25rem;left:0;right:0;z-index:20;display:block}@media (min-width:768px){div.mobile-bar{display:none}}@media (min-width:1280px){div.mobile-bar{display:none}}div.mobile-bar div.nv{background:var(--theme-bg);position:relative;display:flex;min-height:75px;justify-content:space-between;border-top-left-radius:1rem;border-top-right-radius:1rem;padding:.25rem 1.25rem}div.mobile-bar div.nv a span{padding-top:.5rem;padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem}div.mobile-bar div.nv div.active a{color:var(--menu-color);border-color:var(--menu-color);border-bottom-width:3px}div.mobile-bar div.nv div.btn-center a{background:linear-gradient(0deg,#89010e,#570109,#78040f)!important;position:absolute;top:-45px;left:50%;display:flex;height:80px;width:80px;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;border-radius:9999px;text-align:center}div.mobile-bar div.nv div.btn-center{position:relative;width:60px}div.mobile-bar div.play-image-box img{width:100%;height:auto}div.mobile-bar div.play-image-box{margin-top:-40px;width:85px}div.mobile-item{display:flex;align-items:center}div.menu-slidebar{background:var(--theme-bg);color:var(--font-color);width:255px;left:-300px;bottom:0;top:0;z-index:40;transition:left .3s;position:fixed}div.sidebar-profile{display:flex;flex-direction:column;align-items:center;border-radius:.375rem;background-color:#ffffff0a;padding:1rem}div.sidebar-profile a{display:block}div.active-slide{left:0}div.menu-link::-webkit-scrollbar{width:0}div.menu-link{height:65vh;overflow-y:scroll}div.menu-link li{margin-top:.75rem;margin-bottom:.75rem;border-radius:.375rem;background-color:rgba(0,0,0,.3);text-align:left;font-size:.875rem;line-height:1.25rem}div.menu-link li.active{border-color:var(--menu-color);color:var(--menu-color);border-radius:0;border-left-width:2px;text-align:left}div.menu-link li a{padding:.75rem 1rem}.sidebar-container{display:flex;flex-direction:column}.menu-component{border-radius:.375rem;padding:.5rem}.profile-image{position:relative;margin-left:0;margin-right:0;display:flex;height:7.5rem;width:7.5rem;flex-direction:column;padding-left:0;padding-right:0}.profile-image div.profile-image-box img{position:relative;z-index:10;height:auto;width:100%;border-radius:9999px}.greeting-text{font-size:1rem;line-height:1.5rem}.name-text{font-size:.75rem;line-height:1rem}@media (min-width:1280px){.name-text{font-size:1.125rem;line-height:1.75rem}}.level-points{margin-top:.5rem;margin-bottom:.5rem;display:flex;justify-content:space-between;font-size:.75rem;line-height:1rem}.progress-bar{width:100%;border-radius:.375rem;background-color:transparent;padding:.25rem}.progress-bar-filled{display:flex;height:.75rem;align-items:center;justify-content:center;border-radius:.125rem;font-size:.75rem;line-height:1rem;line-height:1}.menu-link{margin-top:1.25rem}main.main{display:block;flex:1 0 auto}div.option-container{transition:left .3s;background:var(--theme-bg);position:fixed;top:50%;left:-95px;z-index:10;min-height:200px;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-bottom-right-radius:1rem}@media (min-width:1280px){div.option-container{left:-125px}}div.option-active{left:0}div.option-container div.option-body{position:relative;height:100%}div.option-container div.option-body div.option-action{position:absolute;right:-30px;top:0;display:flex;height:50%;cursor:pointer;align-items:center}@media (min-width:640px){div.option-container div.option-body div.option-action{right:-35px}}div.option-container div.option-body div.option-action div.option-action-icon{display:flex;height:30px;width:30px;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(64 64 64/var(--tw-bg-opacity,1));font-size:1.25rem;line-height:1.75rem}div.option-selector{display:grid;width:100%;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem;padding:1.75rem 1.25rem 1.75rem .5rem}div.option-selector button{width:100%;min-width:100%;padding-left:0;padding-right:0;font-size:.875rem;line-height:1.25rem}div.quests-container-btn{background:var(--theme-bg);position:fixed;left:0;top:50%;z-index:20;display:flex;height:130px;width:40px;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;align-items:center;justify-content:center;border-top-right-radius:.75rem;border-bottom-right-radius:.75rem;font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}div.quests-label{writing-mode:vertical-lr;letter-spacing:5px}div.option-action{background:var(--btn-theme);border-top-right-radius:1rem;border-bottom-right-radius:1rem;padding-left:.5rem;padding-right:.5rem}div.option-action div.option-label{writing-mode:vertical-lr;letter-spacing:2px;font-size:.75rem;line-height:1rem}@media (min-width:640px){div.option-action div.option-label{font-size:.875rem;line-height:1.25rem}}div.option-btn:hover{transition:all .3s;background:var(--btn-theme)}div.option-btn{transition:all .3s;cursor:pointer;border-radius:.75rem;border:2px solid rgba(214,182,90,.3);background-color:transparent;padding-top:0;padding-bottom:0}div.option-btn div.option-btn-container{display:flex;flex-direction:column;align-items:center}div.option-btn div.option-btn-container div.option-btn-label{font-size:.875rem;line-height:1.25rem}div.option-btn div.option-btn-container div.option-btn-icon{padding-bottom:.25rem;font-size:1.125rem;line-height:1.75rem}