*,body,html{margin:0;padding:0;box-sizing:border-box;color:#fff}#root{display:flex;align-items:center;justify-content:center}body{background-color:#202020;font-family:Arial,sans-serif;line-height:1;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated;text-rendering:geometricPrecision}input{background-color:var(--black-1);padding:5px;color:#fff;border:none;outline:none;font-size:16px}img{-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;pointer-events:none!important}.btn-primary{padding:.5rem 1rem;background-color:#1e1e1e;border-top:3.5px solid #f2c764;border-left:3.5px solid #f2c764;border-right:3.5px solid #c49840;border-bottom:3.5px solid #c49840}.grayscaled{filter:grayscale(100%)}button{background-color:transparent;border:none;cursor:pointer;font-size:1rem}button:disabled{cursor:not-allowed;filter:grayscale(100%)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.App{background-color:var(--black-5);max-width:var(--max-width);width:100%;display:flex;flex-direction:column}.item-list{background-color:var(--yellow-bg);padding:var(--8);display:flex;flex-direction:column;position:relative}.item-list>*{z-index:2}.item-list .bg{z-index:1;top:0;left:50%;transform:translate(-50%)}.item-list .item{position:relative;margin-bottom:calc(var(--10) * 2)}.item-list .item:after{content:"";background-image:url(/static/mini-border/divider.png);background-repeat:no-repeat;background-size:cover;height:var(--10);position:absolute;left:50%;bottom:calc(var(--10) * 1.5 * -1);width:clamp(210px,87.5vw,.875 * var(--max-width));height:var(--8);transform:translate(-50%)}.item-list .item:nth-child(2){margin-top:calc(var(--10) / 2)}.item-list .item:last-child{margin-bottom:calc(var(--10) / 2)}.item-list .item:last-child:after{display:none}.middle-text-yellow{width:100%;padding:var(--4) var(--30);display:flex;justify-content:center;align-items:center;color:var(--yellow-gold);text-align:center;font-size:var(--10);line-height:1.5rem}.single-image{position:relative;display:flex}.single-image>img{top:0;left:0;width:100%;position:absolute;z-index:1}.single-image>*{z-index:2}.App:has(.signup){height:100dvh}.signup{width:100%;height:100%}.signup>form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem}.signup>form .input{display:flex;flex-direction:column;gap:.5rem;width:100%}.signup>form .class-pick{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}.signup>form .class-pick>*{width:80px}.signup>form .btn-primary{width:100%}.signup>form .input-radio{display:flex;flex-direction:column;justify-content:center;align-items:center}.signup>form .input-radio>*{height:100%}.signup>form .input-radio>img{filter:grayscale(100%);transition:filter .3s ease;pointer-events:auto!important}.signup>form .input-radio input{display:none}.signup>form .input-radio input:checked+label+img{filter:grayscale(0%)}.signup .alternative{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem}.signup .alternative .or{position:relative}.signup .alternative .or:after{content:"";position:absolute;height:2px;width:100%;background-color:#fff}.signup .alternative .or>p{position:relative;z-index:2;background-color:var(--black-5);padding:0 .5rem;font-size:var(--font-12)}.signup .alternative>*{width:100%;display:flex;justify-content:center;align-items:center}.signup .alternative p{display:flex;gap:.25rem;text-decoration:none}span.toast{position:fixed;display:flex;justify-content:center;align-items:center;text-align:center;top:0;left:50%;transform:translate(-50%);background-color:#ff4545;padding:.5rem 1rem;border-radius:5px;opacity:0;pointer-events:none;transition:top .3s ease-in-out,opacity .3s ease-in-out;z-index:50}span.toast.show{opacity:1;top:2rem;pointer-events:auto}span.toast.success{background-color:#22c55e}span.loading{position:fixed;top:0;width:clamp(240px,100vw,var(--max-width));height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;color:#000;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}span.loading.show{opacity:1;pointer-events:auto}span.loading.show:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;cursor:not-allowed}span.loading:before{content:"";position:absolute;width:clamp(240px,100vw,var(--max-width));height:100%;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;opacity:.9;z-index:-1}body:has(.loading.show){overflow:hidden!important;touch-action:none!important;overscroll-behavior:contain!important}html:has(.loading.show){overflow:hidden!important;touch-action:none!important}.options-bg{background-color:#c4bb93;display:flex;flex-direction:column;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;height:calc(100% - clamp(20px,8.3333333333vw,.0833333333 * var(--max-width)));width:calc(100% - clamp(25px,10.4166666667vw,.1041666667 * var(--max-width)))}.options-bg :nth-child(2){height:100%}.option{position:relative;z-index:100}.container{display:flex;flex-direction:column}.container .container-header{width:100%;display:flex}.container .container-header>img{width:100%}.container .container-header-2{width:100%;display:flex;position:relative}.container .container-header-2>img{top:0;left:50%;transform:translate(-50%);position:absolute;width:100%}.container .main-container{position:relative;display:flex;flex-direction:column}.container .main-container .bg{position:absolute;width:100%;height:100%}.container .main-container .bg>*{width:100%;left:50%;transform:translate(-50%);position:absolute}.container .main-container .bg .header{top:0;z-index:10}.container .main-container .bg .border{z-index:9;height:100%}.container .main-container .bg .footer{z-index:10;bottom:0}.container .main-container .main-content,.container .main-container .main-content-2{position:relative;z-index:11}.container .main-container .main-content .main-child,.container .main-container .main-content-2 .main-child{display:flex;flex-direction:column;padding:0 var(--20)}.container .main-container .main-content{padding:var(--4) var(--8) var(--16)}.container .main-container .main-content-2{padding:var(--4) var(--6) var(--24)}p.log-bar,p.log-bar-2{width:100%;display:flex;justify-content:center;align-items:center;background-image:url(/static/log-bar/log.png);background-size:cover;aspect-ratio:228/20;background-color:var(--black-4);font-size:var(--12)}p.log-bar-2{color:var(--yellow-muted)}.emblem{position:relative;display:flex}.emblem>img{position:absolute;width:100%;height:100%}.emblem>p{width:100%;position:relative;z-index:2;display:flex;justify-content:center;align-items:center}.bordered-image{box-sizing:border-box;display:flex;border:4px solid black;height:auto}.bordered-image>img{border:1px solid black;width:100%;box-shadow:0 0 0 1px #4b4635,0 0 0 2px #bfb68e,0 0 0 3px #4b4635}.App{--max-width: 480px;--black-1: #202020;--black-2: #3f2d2b;--black-3: #403130;--black-4: #412d2c;--black-5: #5e4342;--yellow-light: #ffe2bd;--yellow-muted: #948f76;--yellow-muted-soft: #c4bb93;--yellow-gold: #e5a34c;--yellow-gray: #a19a79;--yellow-bg: #b3a97d;--red-mahogany: #801d02;--brown-espresso: #412d2c;--purple-light: #eb90fe;--purple-dark: #32212a;--brown-dark: #412d2c;--brown-medium: #5e4342;--1: clamp(1px, calc(1 / 240 * 100vw), calc(1 / 240 * var(--max-width)));--2: clamp(2px, calc(2 / 240 * 100vw), calc(2 / 240 * var(--max-width)));--3: clamp(3px, 1.25vw , calc(3 / 240 * var(--max-width)));--4: clamp(4px, calc(4 / 240 * 100vw), calc(4 / 240 * var(--max-width)));--5: clamp(5px, calc(5 / 240 * 100vw), calc(5 / 240 * var(--max-width)));--6: clamp(6px, 2.5vw , calc(6 / 240 * var(--max-width)));--7: clamp(7px, calc(7 / 240 * 100vw), calc(7 / 240 * var(--max-width)));--8: clamp(8px, calc(8 / 240 * 100vw), calc(8 / 240 * var(--max-width)));--9: clamp(9px, 3.75vw , calc(9 / 240 * var(--max-width)));--10: clamp(10px, calc(10 / 240 * 100vw), calc(10 / 240 * var(--max-width)));--11: clamp(11px, calc(11 / 240 * 100vw), calc(11 / 240 * var(--max-width)));--12: clamp(12px, 5vw , calc(12 / 240 * var(--max-width)));--13: clamp(13px, calc(13 / 240 * 100vw), calc(13 / 240 * var(--max-width)));--14: clamp(14px, calc(14 / 240 * 100vw), calc(14 / 240 * var(--max-width)));--15: clamp(15px, 6.25vw , calc(15 / 240 * var(--max-width)));--16: clamp(16px, calc(16 / 240 * 100vw), calc(16 / 240 * var(--max-width)));--17: clamp(17px, calc(17 / 240 * 100vw), calc(17 / 240 * var(--max-width)));--18: clamp(18px, 7.5vw , calc(18 / 240 * var(--max-width)));--19: clamp(19px, calc(19 / 240 * 100vw), calc(19 / 240 * var(--max-width)));--20: clamp(20px, calc(20 / 240 * 100vw), calc(20 / 240 * var(--max-width)));--21: clamp(21px, 8.75vw , calc(21 / 240 * var(--max-width)));--22: clamp(22px, calc(22 / 240 * 100vw), calc(22 / 240 * var(--max-width)));--23: clamp(23px, calc(23 / 240 * 100vw), calc(23 / 240 * var(--max-width)));--24: clamp(24px, 10vw , calc(24 / 240 * var(--max-width)));--25: clamp(25px, calc(25 / 240 * 100vw), calc(25 / 240 * var(--max-width)));--26: clamp(26px, calc(26 / 240 * 100vw), calc(26 / 240 * var(--max-width)));--27: clamp(27px, 11.25vw , calc(27 / 240 * var(--max-width)));--28: clamp(28px, calc(28 / 240 * 100vw), calc(28 / 240 * var(--max-width)));--29: clamp(29px, calc(29 / 240 * 100vw), calc(29 / 240 * var(--max-width)));--30: clamp(30px, 12.5vw , calc(30 / 240 * var(--max-width)))}header{display:flex;justify-content:center;max-width:var(--max-width)}header a{display:flex;width:auto;height:clamp(35px,14.5833333333vw,.1458333333 * var(--max-width));aspect-ratio:10/7}header a img{width:100%;height:100%}header :nth-child(3){position:relative;width:clamp(40.02px,16.675vw,.16675 * var(--max-width));height:clamp(35px,14.5833333333vw,.1458333333 * var(--max-width))}header :nth-child(3) img{object-fit:cover;position:absolute;width:clamp(52px,21.6666666667vw,.2166666667 * var(--max-width));height:clamp(37px,15.4166666667vw,.1541666667 * var(--max-width));left:50%;bottom:-7%;transform:translate(-50%)}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background-color:#9e0000;padding-bottom:5rem}footer .footer-title,footer .copyright{background-color:#b70000;width:100%;display:flex;justify-content:center;align-items:center;padding:.5rem 0}footer .copyright{width:max-content;padding:.5rem;width:80%;border-radius:8px;text-decoration:none}footer .links{display:flex;justify-content:center;align-items:center;gap:2rem}footer .links>*{text-decoration:none;position:relative}footer .links>*:after{content:"";position:absolute;right:-1rem;height:90%;width:2px;background-color:#fff}footer .links>*:last-child:after{display:none}.homepage .user-home{display:flex}.homepage .user-home .user-portrait{aspect-ratio:4/7;width:clamp(100px,41.6666666667vw,.4166666667 * var(--max-width));height:auto;display:flex;flex-direction:column;justify-content:end}.homepage .user-home .user-portrait>p,.homepage .user-home .user-portrait>a{width:100%;display:flex;justify-content:center;align-items:center}.homepage .user-home .user-portrait .level{height:var(--18);padding:0 clamp(32px,13.3333333333vw,.1333333333 * var(--max-width));font-size:var(--16)}.homepage .user-home .user-portrait .class{height:var(--18);padding:var(--2) var(--10) var(--3);text-transform:uppercase;font-size:var(--10)}.homepage .user-home .user-portrait .evolve{height:var(--20);padding:var(--2) var(--6) var(--3);font-size:var(--9);text-decoration:none}.homepage .user-home .user-detail{display:flex;flex-direction:column;width:clamp(140px,58.3333333333vw,.5833333333 * var(--max-width));height:auto}.homepage .user-home .user-detail .user-stat{width:100%;height:auto;display:flex;flex:1;position:relative}.homepage .user-home .user-detail .user-stat>img{width:100%;height:100%}.homepage .user-home .user-detail .user-stat .user-stat-detail{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;position:absolute;z-index:2;padding:var(--8) var(--14)}.homepage .user-home .user-detail .user-stat .user-stat-detail .stat{display:flex;align-items:center;gap:var(--9);font-size:var(--12)}.homepage .user-home .user-detail .user-stat .user-stat-detail .stat>img{aspect-ratio:1/1;height:auto;width:var(--16)}.homepage .user-home .user-detail .user-stat>a:has(.add-stat){position:absolute;right:var(--10);bottom:var(--20);display:flex;width:var(--30);height:auto;aspect-ratio:1/1;z-index:2}.homepage .user-home .user-detail .user-stat>a:has(.add-stat) .add-stat{width:100%;height:100%;aspect-ratio:1/1}.homepage .user-home .user-detail .user-stat>a:has(.add-stat) .add-stat img{width:100%;height:100%}.homepage .user-home .user-detail .user-stat>.add-stat{position:absolute;right:var(--10);bottom:var(--20);display:flex;width:var(--30);height:auto;aspect-ratio:1/1;z-index:2}.homepage .user-home .user-detail .user-stat>.add-stat img{width:100%;height:100%}.homepage .user-home .user-detail .user-equipments{display:flex}.homepage .user-home .user-detail .user-equipments .slot{display:flex;aspect-ratio:1/1;height:auto;width:clamp(50px,187.5vw,.2083333333 * var(--max-width));background-image:url(/static/home/slot.png);background-repeat:no-repeat;background-size:cover;position:relative}.homepage .user-home .user-detail .user-equipments .slot .quality{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.homepage .user-home .user-detail .user-equipments .slot .refine{position:absolute;top:var(--3);right:var(--3);z-index:3;background-color:#000;padding:var(--3);border-radius:5px}.homepage .user-home .user-detail .user-equipments .slot img{padding:var(--4);width:100%;height:100%;position:relative;z-index:2}.homepage .submenu{background-color:var(--black-5)}.homepage .submenu:has(.sub-alert) .navigation{padding-bottom:var(--8)}.homepage .submenu .navigation{justify-content:center;align-items:center;gap:var(--20)}.homepage .submenu .navigation>a{display:flex;width:clamp(50px,20.8333333333vw,.2083333333 * var(--max-width));height:auto;aspect-ratio:50/31}.homepage .submenu .navigation>a img{width:100%;height:100%}.homepage .submenu .sub-alert .alerts{display:flex;flex-direction:column;gap:var(--4);margin-bottom:var(--20)}.homepage .submenu .sub-alert .alerts>div{display:flex;flex-direction:column;gap:var(--8)}.homepage .submenu .sub-alert .alerts>div>div{display:flex;flex-direction:column;gap:var(--8)}.homepage .submenu .sub-alert .alerts>div>div>a{text-decoration:none;cursor:pointer;color:var(--yellow-gold);font-size:var(--13)}.homepage .submenu .sub-alert .alerts>div>div .see-more{align-self:center;height:var(--20);aspect-ratio:3/1;display:flex}.homepage .submenu .sub-alert .alerts>div>div .see-more img{width:100%}.alert-notification{aspect-ratio:8/1;width:100%;height:auto;justify-content:center;align-items:center}.alert-notification>span{position:relative;text-transform:uppercase;display:flex;justify-content:center;align-items:center;height:100%;width:100%;padding:var(--4) var(--14);font-size:var(--13)}.alertpage{background-color:var(--black-5)}.alertpage .claimed{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--6)}.alertpage .claimed>p{margin-bottom:var(--8);font-size:var(--13)}.alertpage .claimed .item{display:flex;justify-content:center;align-items:center;gap:var(--2);font-size:var(--13)}.alertpage>.container .main-container .main-content-2{display:flex;flex-direction:column;gap:var(--8)}.alertpage>.container .main-container .main-content-2 .main-child{display:flex;flex-direction:column;gap:var(--8)}.alertpage>.container .main-container .main-content-2 .main-child .alert-item{display:inline}.alertpage>.container .main-container .main-content-2 .main-child .alert-item>span{color:var(--yellow-gold);font-size:var(--13);margin-right:var(--4)}.alertpage>.container .main-container .main-content-2 .main-child .alert-item>button{font-size:var(--13)}.alertpage>.container .main-container .main-content-2 .main-child .alert-item a>button{font-size:var(--13)}.huntpage>.container>.container-header-2{aspect-ratio:60/11;width:100%;height:auto;display:flex}.huntpage>.container>.container-header-2>button{padding-top:var(--4);display:flex;height:max-content;flex:1;position:relative}.huntpage>.container>.container-header-2>button img{width:100%;height:auto}.huntpage>.container .main-content-2{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--12)}.huntpage>.container .main-content-2 .hunt-access{aspect-ratio:166/21;width:clamp(166px,69.1666666667vw,.6916666667 * var(--max-width))}.huntpage>.container .main-content-2 .hunt-access>p{padding:var(--2) var(--6) var(--2) var(--24)}.huntpage>.container .main-content-2 .out-of-ticket{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--yellow-gold);gap:var(--4)}.huntpage>.container .main-content-2 .out-of-ticket a{text-decoration:none}.huntpage>.container .main-content-2 .hunt-selection{width:clamp(210px,87.5vw,.875 * var(--max-width))}.huntpage>.container .main-content-2 .hunt-selection .hunt-selection-header{position:relative;z-index:11;width:100%;aspect-ratio:10/1;height:auto}.huntpage>.container .main-content-2 .hunt-selection .hunt-selection-header>p{position:relative;z-index:12;height:100%;width:100%;padding:var(--3) var(--20) var(--4);display:flex;justify-content:center;align-items:center}.huntpage>.container .main-content-2 .hunt-selection .hunt-main-content{position:relative;z-index:12;padding:var(--8) var(--20) var(--12);display:flex;gap:var(--10);flex-direction:column;justify-content:center;align-items:center}.huntpage>.container .main-content-2 .hunt-selection .hunt-main-content .highest-hunt{display:flex;justify-content:center;align-items:center;position:relative;aspect-ratio:87/10;width:100%}.huntpage>.container .main-content-2 .hunt-selection .hunt-main-content .highest-hunt>img{position:absolute;width:100%}.huntpage>.container .main-content-2 .hunt-selection .hunt-main-content .highest-hunt p{z-index:2;width:100%;height:100%;padding:var(--4) var(--4) var(--3) var(--22);display:flex;justify-content:center;align-items:center}.huntpage>.container .main-content-2 .hunt-selection .hunt-main-content .map-options{display:flex;width:100%;justify-content:space-between;gap:var(--16)}.huntpage>.container .main-content-2 .hunt-selection .hunt-main-content .map-options .map-image{width:65%}.huntpage>.container .main-content-2 .hunt-selection .hunt-main-content .map-options .map-option{display:flex;justify-content:space-between;align-items:center;flex-direction:column;width:clamp(60px,25vw,.25 * var(--max-width));gap:var(--3)}.huntpage>.container .main-content-2 .hunt-selection .hunt-main-content .map-options .map-option>button{width:100%;aspect-ratio:60/28}.huntpage>.container .main-content-2 .hunt-selection .hunt-main-content .map-options .map-option>button img{width:100%;height:100%}.huntpage>.container .main-content-2 .hunt-selection .hunt-main-content .map-options .map-option>input{display:flex;width:100%;background-color:#fff;border-radius:6px;justify-content:center;align-items:center;text-align:center;color:#000}.huntpage>.container .main-content-2 .exploration>.hunt-selection-header{aspect-ratio:211/7;background-color:var(--yellow-muted);border-radius:35% 35% 0 0}.explore-select .adventure-count{aspect-ratio:166/21;width:clamp(166px,69.1666666667vw,.6916666667 * var(--max-width))}.explore-select .adventure-count>p{padding:var(--2) var(--6) var(--2) var(--24)}.explore-select .hunt-selection .explore-selection-container .explore-main-content{z-index:10;position:relative;padding:var(--8) var(--18) var(--12);display:flex;flex-direction:column;gap:var(--16)}.explore-select .hunt-selection .explore-selection-container .explore-main-content .area-list{display:flex;flex-direction:column;gap:var(--16)}.explore-select .hunt-selection .explore-selection-container .explore-main-content .area-list .list{display:flex;flex-direction:column;gap:var(--4)}.explore-select .hunt-selection .explore-selection-container .explore-main-content .area-list .buttons{display:flex;justify-content:space-between}.explore-select .hunt-selection .explore-selection-container .explore-main-content .area-list .buttons button{display:flex;aspect-ratio:31/14;width:clamp(62px,25.8333333333vw,.2583333333 * var(--max-width));justify-content:center;align-items:center}.explore-select .hunt-selection .explore-selection-container .explore-main-content .area-list .buttons button img{width:100%;height:100%}.explore-select .hunt-selection .explore-selection-container .explore-main-content:has(.navigation){padding:var(--4) var(--4) var(--3)}.explore-select .hunt-selection .explore-selection-container .explore-main-content:has(.navigation)>.bordered-image{align-self:center;width:clamp(118px,49.1666666667vw,.4916666667 * var(--max-width));aspect-ratio:118/78}.user-mini-info{display:flex;align-self:center;flex-direction:column;width:clamp(210px,87.5vw,.875 * var(--max-width))}.user-mini-info .mini-header{height:var(--26);position:relative;width:100%;display:flex}.user-mini-info .mini-header .mini-header-bg{display:flex;position:absolute;aspect-ratio:193/26;width:clamp(193px,80.4166666667vw,.8041666667 * var(--max-width));height:auto}.user-mini-info .mini-header .mini-header-bg img{width:100%;height:100%}.user-mini-info .mini-header p,.user-mini-info .mini-header .orb{z-index:2;display:flex}.user-mini-info .mini-header p{padding-top:var(--9);padding-bottom:var(--9);justify-content:center;align-items:center;text-align:center;white-space:nowrap;font-size:var(--8)}.user-mini-info .mini-header p.level{width:clamp(32px,13.3333333333vw,.1333333333 * var(--max-width));margin-left:clamp(59px,24.5833333333vw,.2458333333 * var(--max-width))}.user-mini-info .mini-header p.xp{flex:1;padding-left:clamp(34px,14.1666666667vw,.1416666667 * var(--max-width))}.user-mini-info .mini-header .orb{height:100%;aspect-ratio:1/1}.user-mini-info .mini-header .orb img{width:100%;height:100%}.user-mini-info .mini-info{width:100%;display:flex;position:relative;aspect-ratio:35/8}.user-mini-info .mini-info .mini-info-bg{display:flex;width:100%;position:absolute;z-index:2}.user-mini-info .mini-info .mini-info-bg>img{width:100%}.user-mini-info .mini-info .mini-info-detail{width:100%;height:100%;display:flex}.user-mini-info .mini-info .mini-info-detail .user-mini-portrait{aspect-ratio:1/1;width:clamp(48px,20vw,.2 * var(--max-width));z-index:1;display:flex;padding:var(--3)}.user-mini-info .mini-info .mini-info-detail .user-mini-portrait img{width:100%;height:100%}.user-mini-info .mini-info .mini-info-detail .user-info-detail{display:flex;flex:1;padding:var(--4);position:relative;z-index:1}.user-mini-info .mini-info .mini-info-detail .user-info-detail>*{height:100%;display:flex;flex-direction:column;justify-content:space-around}.user-mini-info .mini-info .mini-info-detail .user-info-detail>*>.stat{height:var(--15);display:flex;align-items:center;gap:var(--4)}.user-mini-info .mini-info .mini-info-detail .user-info-detail>*>.stat>img{aspect-ratio:1/1;height:100%}.user-mini-info .mini-info .mini-info-detail .user-info-detail .left{flex:2}.user-mini-info .mini-info .mini-info-detail .user-info-detail .right{flex:1}.container .main-container .reward-content{width:100%;padding:var(--8) var(--16);display:flex;flex-direction:column;justify-content:center;align-items:center;text-wrap:balance;text-align:center}.container .main-container .reward-content .rewards{display:flex;flex-direction:column;justify-content:center;align-items:center}.container .main-container .reward-content .rewards .item{white-space:nowrap;display:flex}.exploration>.main-container .explore-main-content .bordered-image{position:relative}.exploration>.main-container .explore-main-content .bordered-image .character{position:absolute;border:none;box-shadow:none;height:clamp(30px,12.5vw,.125 * var(--max-width));width:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.exploration>.main-container .explore-main-content .navigation{width:100%;background-color:var(--purple-dark);display:flex;align-items:center;padding:var(--6);flex-direction:column;height:100%;gap:var(--8)}.exploration>.main-container .explore-main-content .navigation .navigation-buttons{display:grid;grid-template-areas:"up up" "left right" "bottom bottom";place-items:center;gap:var(--6)}.exploration>.main-container .explore-main-content .navigation .navigation-buttons>button{aspect-ratio:62/28;width:clamp(62px,25.8333333333vw,.2583333333 * var(--max-width));height:auto}.exploration>.main-container .explore-main-content .navigation .navigation-buttons>button>img{width:100%;height:100%}.fight-content .fight-layout{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.fight-content .fight-layout .name-layout{display:flex;justify-content:space-around;align-items:center;width:100%}.fight-content .fight-layout .fight-display{position:relative;width:clamp(110px,45.8333333333vw,.4583333333 * var(--max-width))}.fight-content .fight-layout .fight-display .user-and-opponent{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.fight-content .fight-layout .fight-display .user-and-opponent>*{width:100%}.fight-content .fight-layout .stats-comparison{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.fight-content .fight-layout .stats-comparison .stat{display:flex;align-items:center;width:100%;gap:var(--10)}.fight-content .fight-layout .stats-comparison .stat>p{width:50%;display:flex;white-space:nowrap}.fight-content .fight-layout .stats-comparison .stat>p:first-child{justify-content:end}.battle-log{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--16)}.battle-log .round{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--4)}.battle-log .round p{text-transform:capitalize}.statpoints{display:flex}.statpoints .user-stat{display:flex;flex-direction:column;position:relative;width:100%;justify-content:center;align-items:center;padding:var(--8);gap:var(--16)}.statpoints .user-stat .user-stat-detail{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}.statpoints .user-stat .user-stat-detail .stat{display:flex;font-size:var(--9);gap:var(--4);width:100%;justify-content:center;align-items:center}.statpoints .user-stat .user-stat-detail .stat .value{width:clamp(80px,33.3333333333vw,.3333333333 * var(--max-width))}.statpoints .user-stat .user-stat-detail .stat img{height:100%;aspect-ratio:1/1}.statpoints .user-stat .user-stat-detail .stat>input{display:flex;justify-content:center;align-items:center;text-align:center;width:var(--24)}.evolvepage{padding:var(--16);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--16)}.evolvepage .next-class{display:flex;justify-content:center;align-items:center;width:100%}.evolvepage .next-class .class-option{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--8)}.evolvepage .next-class .class-option>p{text-transform:capitalize}.evolvepage .next-class .class-option>label{display:flex;cursor:pointer}.evolvepage .next-class .class-option>label>input{display:none}.evolvepage .next-class .class-option>label>img{filter:grayscale(100%)}.evolvepage .next-class .class-option>label:has(input:checked)>img{filter:grayscale(0%)}.item{display:flex;width:100%;gap:var(--8)}.item .item-image{display:flex;width:clamp(44px,18.3333333333vw,.1833333333 * var(--max-width));height:max-content;position:relative;aspect-ratio:1/1}.item .item-image .quality{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.item .item-image .refine{position:absolute;top:0;right:0;z-index:3;background-color:#000;padding:var(--3);border-radius:5px;font-size:var(--8)}.item .item-image img{width:100%;height:100%;position:relative;z-index:2}.item .item-detail{flex:1;display:flex;flex-direction:column}.item .item-detail .skill{text-transform:capitalize}.item .item-detail>button,.item .item-detail .buttons{display:flex;justify-self:end;align-self:end;width:max-content;margin-top:auto}.item .item-detail .buttons{gap:var(--4)}.item .item-detail .buttons>button{position:relative;aspect-ratio:33/14;height:var(--14);font-size:var(--8);display:flex;justify-content:center;align-items:center;text-align:center}.item .item-detail .buttons>button>img{top:0;left:0;position:absolute;z-index:-1;width:100%}.inventorypage .container>.container-header-2{aspect-ratio:60/11;width:100%;height:auto;display:flex}.inventorypage .container>.container-header-2>button{padding-top:var(--4);display:flex;height:max-content;flex:1;position:relative}.inventorypage .container>.container-header-2>button img{width:100%;height:auto}.inventorypage .container .main-container .main-content-2{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--8)}.inventorypage .container .main-container .main-content-2>*{width:clamp(210px,87.5vw,.875 * var(--max-width))}.inventorypage .container .main-container .main-content-2 .slots{display:flex;justify-content:center;align-items:center;gap:var(--8)}.inventorypage .container .main-container .main-content-2 .slots .slot{cursor:pointer;display:flex;aspect-ratio:1/1;height:auto;width:clamp(50px,187.5vw,.2083333333 * var(--max-width));background-image:url(/static/home/slot.png);background-repeat:no-repeat;background-size:cover;position:relative}.inventorypage .container .main-container .main-content-2 .slots .slot .quality{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.inventorypage .container .main-container .main-content-2 .slots .slot .refine{position:absolute;top:var(--3);right:var(--3);z-index:3;background-color:#000;padding:var(--3);border-radius:5px}.inventorypage .container .main-container .main-content-2 .slots .slot img{padding:var(--4);width:100%;height:100%;position:relative;z-index:2}.inventorypage .container .main-container .main-content-2 .item-list-header{display:flex;flex-direction:column;gap:var(--8)}.inventorypage .container .main-container .main-content-2 .item-list-header .filter{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--15)}.inventorypage .container .main-container .main-content-2 .item-list-header .pagination{align-self:end;display:flex;gap:var(--4)}.forgepage .container .main-container .main-content-2{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--8)}.forgepage .container .main-container .main-content-2 .slots{display:flex;gap:var(--10);justify-content:center;align-items:center}.forgepage .container .main-container .main-content-2 .slots .slot{display:flex;width:clamp(44px,18.3333333333vw,.1833333333 * var(--max-width));aspect-ratio:1/1;cursor:pointer;justify-content:center;align-items:center}.forgepage .container .main-container .main-content-2 .slots .slot img{width:100%;height:100%;object-fit:cover}.forgepage .container .main-container .main-content-2 .item-list{width:clamp(210px,87.5vw,.875 * var(--max-width))}