.mp-navutility{position:relative;flex:none}.mp-navutility__trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 14px;border:1px solid var(--border-card);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);font:600 var(--type-secondary)/16px var(--display);white-space:nowrap;cursor:pointer;transition:background .12s,color .12s}.mp-navutility__trigger:hover,.mp-navutility__trigger[aria-expanded=true]{background:var(--panel-2);color:var(--ink)}.mp-navlanguage__menu button:focus-visible,.mp-navutility__trigger:focus-visible{outline:2px solid var(--purple-text);outline-offset:2px}.mp-navutility__popover{position:absolute;z-index:65;top:calc(100% + 12px);left:50%;transform:translateX(-50%);padding:8px;border:1px solid var(--border-card);border-radius:14px;background:var(--surface-1);box-shadow:0 12px 36px rgb(0 0 0/35%)}.mp-navutility__popover:before{content:"";position:absolute;top:-5px;left:calc(50% - 5px);width:8px;height:8px;transform:rotate(45deg);background:inherit;border-top:inherit;border-left:inherit}.mp-navlanguage__menu{width:160px}.mp-navlanguage__menu button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--body);font:400 var(--type-secondary)/1.38 var(--display);cursor:pointer;text-align:left}.mp-navlanguage__menu button.is-selected,.mp-navlanguage__menu button:hover{background:var(--panel-2);color:var(--ink)}.mp-navlanguage__menu svg{color:var(--purple-text)}.mp-navdownload__phone{opacity:.8}.mp-navdownload__soon{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:2px 7px;border-radius:var(--radius-pill);background:#f5e65b;color:#17171c;font:700 var(--type-caption)/1.4 var(--display);letter-spacing:.03em}.mp-navdownload__panel{top:calc(100% + 24px);box-sizing:border-box;width:200px;min-height:264px;padding:16px 19px 20px;border:1px solid var(--border-card);border-radius:16px;background:var(--surface-1);color:var(--ink);text-align:center;box-shadow:0 16px 40px rgb(0 0 0/45%)}.mp-navdownload__panel:before{top:-1px;left:50%;width:12px;height:12px;border-radius:3px 0 0;transform:translate(-50%,-50%) rotate(45deg)}.mp-navdownload__panel:after{content:"";position:absolute;top:-25px;left:0;width:100%;height:25px}.mp-navdownload__art{display:block;width:160px;height:160px;margin-bottom:14px;object-fit:contain}.mp-navdownload__panel strong{display:block;font:600 var(--type-body)/1.25 var(--display)}.mp-navdownload__panel>span{display:block;margin-top:4px;color:var(--dim);font:400 var(--type-caption)/1.25 var(--display)}.mp-topnav .mp-topnav__brand{gap:8px}.mp-topnav .mp-topnav__mark{width:28px;height:28px}.mp-topnav .mp-topnav__brand .mp-topnav__name{font-family:var(--pixel-art);font-weight:400;letter-spacing:1.5px}.mp-topnav .mp-topnav__inner{height:var(--mp-topnav-h,68px);padding-inline:32px}.mp-topnav .mp-topnav__btn{height:40px}.mp-topnav .mp-topnav__sep{height:20px;margin-inline:24px}.mp-topnav>.mp-topnav__inner>.mp-topnav__utils{flex:0 1 auto;gap:12px}.mp-topnav .mp-navsearchbox{flex:1 1 214px;width:214px;max-width:214px}.mp-topnav .mp-navsearchbox__field,.mp-topnav .mp-navutility__trigger{gap:8px;padding-inline:12px}.mp-topnav .mp-topnav__utils>.mp-bell .mp-bell__btn,.mp-topnav .mp-topnav__utils>.mp-topnav__ib{width:40px}@media (hover:none),(pointer:coarse){.mp-topnav .mp-topnav__utils>.mp-bell .mp-bell__btn,.mp-topnav .mp-topnav__utils>.mp-topnav__ib{width:44px}}.mp-topnav .mp-navsearchbox__field>svg,.mp-topnav .mp-navutility__trigger>svg:first-child{width:var(--topnav-icon-size);height:var(--topnav-icon-size);flex:none}.mp-topnav .mp-topnav__utils>.mp-topnav__ib{flex:none;color:var(--ink);background:transparent;border:0}.mp-topnav .mp-topnav__utils>.mp-topnav__ib.is-on,.mp-topnav .mp-topnav__utils>.mp-topnav__ib:hover{background:var(--panel-2)}.mp-topnav .mp-topnav__account-group{display:inline-flex;align-items:center;flex:none}.mp-topnav .mp-topnav__account-group:empty{display:none}.mp-topnav .is-authed>.mp-topnav__account-group{height:40px;border:1px solid var(--border-card);border-radius:var(--radius-control);background:var(--panel)}.mp-topnav .mp-topnav__account-group>.mp-topnav__coins{position:relative;flex:none;height:38px;padding-inline:12px;font-size:var(--type-secondary);background:transparent;border:0;border-radius:0;transition:background .12s}.mp-topnav .mp-topnav__account-group>.mp-topnav__coins:first-child{border-top-left-radius:calc(var(--radius-control) - 1px);border-bottom-left-radius:calc(var(--radius-control) - 1px)}.mp-topnav .mp-topnav__account-group>.mp-topnav__coins:last-child{border-top-right-radius:calc(var(--radius-control) - 1px);border-bottom-right-radius:calc(var(--radius-control) - 1px)}.mp-topnav .mp-topnav__account-group>.mp-topnav__coins:hover{background:var(--panel-2)}.mp-topnav .mp-topnav__coins-i>svg{display:block;width:24px;height:24px}.mp-topnav .mp-topnav__account-group>.mp-topnav__coins:not(:last-child):after{content:"";position:absolute;right:0;top:50%;width:1px;height:14px;transform:translateY(-50%);background:var(--border-card)}.mp-topnav .mp-topnav__utils>.mp-bell{margin:0}.mp-topnav .mp-topnav__utils>.mp-account--ph{width:40px;height:40px}.mp-topnav .mp-topnav__utils>.mp-account .mp-account__btn{width:40px;height:40px;justify-content:center;border-radius:var(--radius-control)}.mp-topnav .mp-topnav__utils>.mp-account .mp-account__ava{width:36px;height:36px;border:0;border-radius:var(--radius-control);background:var(--panel-2)}.mp-topnav .mp-topnav__utils>.mp-account .mp-account__ava[data-avatar-framed=true],.mp-topnav .mp-topnav__utils>.mp-account .mp-account__btn:has([data-avatar-framed=true]){border-radius:50%}.mp-topnav .mp-topnav__utils>.mp-btn--signin.mp-navbtn{height:40px;min-height:40px;padding-inline:20px;background:var(--grad-brand) border-box no-repeat;border:0;color:#fff;font:600 var(--type-secondary)/16px var(--display);transition:filter .12s}.mp-topnav .mp-topnav__utils>.mp-btn--signin.mp-navbtn:hover{background:var(--grad-brand) border-box no-repeat;filter:brightness(1.08)}.mp-topnav .mp-topnav__utils>.mp-btn--signin.mp-navbtn:active{filter:brightness(.94)}.mp-topnav :is(.mp-topnav__ib,.mp-topnav__coins,.mp-account__btn,.mp-bell__btn,.mp-btn--signin):focus-visible{outline:2px solid var(--purple-text);outline-offset:3px}@media (min-width:900px) and (max-width:1150px){.mp-topnav .mp-topnav__brand .mp-topnav__name{font-size:var(--type-caption)}.mp-topnav>.mp-topnav__inner>.mp-topnav__utils{gap:6px}.mp-topnav .mp-topnav__inner{padding-inline:16px}.mp-topnav .mp-topnav__nav{gap:8px}.mp-topnav .mp-topnav__btn{padding-inline:12px;gap:8px;font-size:var(--type-body)}.mp-topnav .mp-topnav__sep{margin-inline:10px}}@media (min-width:900px) and (max-width:1050px){.mp-topnav .mp-topnav__brand .mp-topnav__name{display:none}}.mp-topnav .mp-navsearchbox__field>svg{color:rgb(255 255 255/80%)}.mp-topnav .mp-topnav__utils>.mp-bell .mp-bell__btn{color:#fff}.mp-topnav .mp-topnav__utils>.mp-bell .mp-bell__btn,.mp-topnav .mp-topnav__utils>.mp-topnav__ib{height:40px;border:0;border-radius:8px;background:transparent;transition:background .12s,color .12s}.mp-topnav .mp-topnav__utils>.mp-bell .mp-bell__btn:hover,.mp-topnav .mp-topnav__utils>.mp-bell .mp-bell__btn[aria-expanded=true],.mp-topnav .mp-topnav__utils>.mp-topnav__ib:hover{background:rgb(255 255 255/10%);color:#fff;filter:none}.mp-account .mp-account__item,.mp-account a.mp-account__game,.mp-account a.mp-account__item,.mp-account a.mp-menu__item{color:#fff}.mp-account .mp-account__item--gacha,.mp-account .mp-account__item--shop{border:0;background:transparent}.mp-account .mp-account__item--gacha:hover,.mp-account .mp-account__item--shop:hover{background:var(--panel-2)}.mp-account .mp-account__coins{color:inherit}.mp-account .mp-account__lang .mp-lang__opt:not(.on){color:rgb(255 255 255/60%)}.mp-account .mp-account__item--out,.mp-account .mp-account__lang .mp-lang__opt:not(.on):hover{color:#fff}.mp-account .mp-account__item--out:hover{color:#8878FA}.mp-topnav .mp-topnav__utils>.mp-topnav__ib--discord:hover{background:rgb(255 255 255/6%);box-shadow:inset 0 0 0 1px rgb(255 255 255/10%)}