/* MeowMaple / Cloud white navigation. Scoped to the shared and phone headers. */
.header.meow-cloud-nav{background:#fff!important;border-bottom:1px solid #d8edf8!important;box-shadow:0 3px 12px #228fc21a!important;overflow:visible!important}
.header.meow-cloud-nav::after{display:none!important}
.meow-cloud-nav .navbar{padding:0!important}
.meow-cloud-nav .nav-container{max-width:1640px!important;min-height:78px!important;padding:0 24px!important;gap:18px!important;overflow:visible!important}
.meow-cloud-nav .nav-logo{flex:0 0 200px!important;min-width:0!important;overflow:visible!important}
.meow-cloud-nav .nav-logo a{display:flex;align-items:center;justify-content:center;width:100%;height:64px}
.meow-cloud-nav .nav-logo .logo-img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:64px!important;object-fit:contain!important;transform:none!important;filter:none!important}
.meow-cloud-nav .nav-menu{overflow:visible}
.meow-cloud-nav .nav-list{margin:0!important;padding:0!important;gap:2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.meow-cloud-nav .nav-link,.meow-cloud-nav .nav-dropdown-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:40px!important;padding:10px 11px!important;font-family:Huninn,'Microsoft JhengHei',sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.25!important;letter-spacing:.01em!important;color:#355a71!important;background:transparent!important;border:1px solid transparent!important;border-radius:8px!important;text-shadow:none!important;box-shadow:none!important;transform:none!important;text-decoration:none!important;transition:background .15s,color .15s!important}
.meow-cloud-nav .nav-link>i{color:#7e9eae!important;font-size:15px!important;margin:0!important}
.meow-cloud-nav .nav-link:hover,.meow-cloud-nav .nav-link.active,.meow-cloud-nav .nav-has-dropdown:is(:hover,:focus-within,.active,.open)>.nav-dropdown-trigger{color:#248cb7!important;background:#edf7fc!important;border-color:transparent!important;box-shadow:none!important;transform:none!important}
.meow-cloud-nav .nav-link.meow-nav-download{background:#2b9cd1!important;color:#fff!important;margin-right:4px!important;padding-inline:13px!important;box-shadow:0 3px 7px #279ed123!important}
.meow-cloud-nav .meow-nav-download>i{color:#fff!important}
.meow-cloud-nav .nav-link.meow-nav-download:hover{background:#218bbf!important}
.meow-cloud-nav .nav-arrow{font-size:10px!important;opacity:.65!important}
.meow-cloud-nav .nav-actions{flex:0 0 auto!important;gap:10px!important;margin-left:auto!important;overflow:visible!important}
.meow-cloud-nav .nav-auth-actions,.meow-cloud-nav .nav-game-actions{gap:7px!important;overflow:visible!important}
.meow-cloud-nav .ms-online-pill{gap:7px!important;padding:10px 12px!important;height:40px!important;border:1px solid #e1efe7!important;background:#f0f8f4!important;box-shadow:none!important;color:#4b806a!important}
.meow-cloud-nav .ms-online-pill__dot{width:6px!important;height:6px!important;background:#48b88b!important;animation:none!important;box-shadow:none!important}
.meow-cloud-nav .ms-online-pill__label{display:none!important}
.meow-cloud-nav .ms-online-pill__value{font-size:16px!important;color:#4b806a!important;letter-spacing:0!important}
.meow-cloud-nav .nav-actions .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:40px!important;min-width:0!important;padding:8px 12px!important;margin:0!important;border:1px solid #dbe8f0!important;border-radius:10px!important;background:#fff!important;color:#57778b!important;font-size:14px!important;font-weight:400!important;line-height:1.25!important;letter-spacing:0!important;box-shadow:none!important;text-shadow:none!important;transform:none!important;text-decoration:none!important;cursor:pointer!important;transition:background .15s,color .15s!important}
.meow-cloud-nav .nav-actions .btn::before,.meow-cloud-nav .nav-actions .btn::after{content:none!important;display:none!important}
.meow-cloud-nav .nav-actions .btn:hover{background:#edf7fc!important;color:#248cb7!important;transform:none!important;box-shadow:none!important}
.meow-cloud-nav .nav-actions .btn i{font-size:15px!important;margin:0!important;color:inherit!important;transform:none!important}
.meow-cloud-nav .nav-actions .btn-user-account{border-radius:99px!important;padding-inline:12px!important}
.meow-cloud-nav .nav-actions .btn-user-account .username{max-width:100px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meow-cloud-nav .nav-actions .btn-user-account .dropdown-arrow{font-size:10px!important;margin-left:2px!important}
.meow-cloud-nav .nav-actions .btn-auth-combined{background:#edf7fc!important;color:#2b86b2!important;border-color:#d5e9f3!important}
.meow-cloud-nav .nav-game-actions .btn.btn-discord{width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:10px!important;overflow:visible!important;background:#f0f1fd!important;color:#6979d5!important}
.meow-cloud-nav .nav-game-actions .btn.btn-discord:hover{background:#e0e4fd!important;color:#5266c2!important}
.meow-cloud-nav .nav-game-actions .btn.btn-discord i.fab{display:block!important;font-family:'Font Awesome 6 Brands'!important;font-size:22px!important;font-weight:400!important;line-height:1!important;transform:none!important;text-shadow:none!important}
.meow-cloud-nav .nav-dropdown-menu,.meow-cloud-nav .nav-subdropdown-menu,.meow-cloud-nav .user-dropdown-menu{background:#fff!important;border:1px solid #dcebf3!important;border-radius:11px!important;box-shadow:0 8px 24px #28436024!important;padding:6px!important}
.meow-cloud-nav .nav-dropdown-menu::before{content:'';position:absolute;top:-10px;left:0;right:0;height:10px}
.meow-cloud-nav .nav-subdropdown-menu::before{content:'';position:absolute;top:0;bottom:0;left:-8px;width:8px}
.meow-cloud-nav .nav-dropdown-item,.meow-cloud-nav .dropdown-item{border-radius:6px!important;background:transparent!important;color:#476d84!important;font-size:14px!important;font-weight:400!important;padding:11px 12px!important;text-shadow:none!important;transform:none!important;box-shadow:none!important}
.meow-cloud-nav .nav-dropdown-item:hover,.meow-cloud-nav .nav-dropdown-item.active,.meow-cloud-nav .dropdown-item:hover{background:#edf8fd!important;color:#248cb7!important;padding-left:12px!important;transform:none!important}
.meow-cloud-nav .nav-dropdown-item i,.meow-cloud-nav .dropdown-item i{color:#7e9eae!important}
.meow-cloud-nav .dropdown-divider{background:#e4eef4!important;margin:5px 7px!important}
.meow-cloud-nav .nav-toggle{background:#fff!important;border:1px solid #d8e7ef!important;border-radius:8px!important;width:38px!important;min-height:38px!important;align-items:center;justify-content:center;padding:5px!important}
.meow-cloud-nav .nav-toggle .bar{background:#5485a2!important;box-shadow:none!important;width:22px!important;height:2px!important}
.meow-cloud-nav a:focus-visible,.meow-cloud-nav button:focus-visible{outline:3px solid #9ab6df!important;outline-offset:3px!important}
.meow-cloud-nav~.main-content{margin-top:79px!important}
@media(min-width:769px){
 .meow-cloud-nav .nav-has-dropdown:focus-within>.nav-dropdown-menu{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0)!important}
 .meow-cloud-nav .nav-has-subdropdown:focus-within>.nav-subdropdown-menu{opacity:1!important;visibility:visible!important;transform:none!important}
 .meow-cloud-nav .user-dropdown:focus-within>.user-dropdown-menu{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
}
@media(max-width:1390px) and (min-width:1181px){
 .meow-cloud-nav .nav-container{gap:12px!important;padding-inline:18px!important}
 .meow-cloud-nav .nav-logo{flex-basis:172px!important}
 .meow-cloud-nav .nav-link,.meow-cloud-nav .nav-dropdown-trigger{font-size:14px!important;gap:5px!important;padding-inline:7px!important}
 .meow-cloud-nav .nav-actions{gap:7px!important}
 .meow-cloud-nav .nav-actions .btn{padding-inline:9px!important;font-size:13px!important}
 .meow-cloud-nav .ms-online-pill{padding-inline:9px!important}
 .meow-cloud-nav .ms-online-pill__value{font-size:14px!important}
}
@media(max-width:1180px) and (min-width:769px){
 .meow-cloud-nav .nav-container{flex-wrap:wrap!important;gap:0 16px!important;padding:2px 20px 9px!important}
 .meow-cloud-nav .nav-logo{flex-basis:190px!important}
 .meow-cloud-nav .nav-logo a{height:58px!important}
 .meow-cloud-nav .nav-menu{order:3!important;flex:1 0 100%!important;border-top:1px solid #e8f2f7;padding-top:6px!important}
 .meow-cloud-nav .nav-link,.meow-cloud-nav .nav-dropdown-trigger{font-size:15px!important;padding-inline:10px!important}
 .meow-cloud-nav~.main-content{margin-top:118px!important}
}
@media(max-width:768px){
 .meow-cloud-nav .nav-container{min-height:66px!important;padding-inline:12px!important;gap:9px!important}
 .meow-cloud-nav .nav-logo{flex:0 1 150px!important;z-index:1001}
 .meow-cloud-nav .nav-logo a{height:54px!important}
 .meow-cloud-nav .nav-logo .logo-img{height:auto!important;max-width:100%!important;max-height:54px!important}
 .meow-cloud-nav .nav-actions{flex:1 1 auto!important;min-width:0!important;gap:0!important;z-index:1001}
 .meow-cloud-nav .nav-auth-actions{gap:5px!important}
 .meow-cloud-nav .nav-actions .btn{font-size:12px!important;padding:7px 8px!important;min-height:36px!important;gap:5px!important}
 .meow-cloud-nav .nav-actions .btn i{font-size:13px!important}
 .meow-cloud-nav .nav-actions .btn-user-account .username{max-width:62px!important}
 .meow-cloud-nav .nav-menu{top:66px!important;bottom:0!important;padding:18px 18px 30px!important;background:#f9fdff!important;backdrop-filter:none!important}
 .meow-cloud-nav .nav-list{gap:7px!important;width:100%!important}
 .meow-cloud-nav .nav-link,.meow-cloud-nav .nav-dropdown-trigger{width:100%!important;max-width:none!important;min-height:44px!important;justify-content:flex-start!important;padding:12px 16px!important;font-size:16px!important}
 .meow-cloud-nav .nav-link.meow-nav-download{margin:0!important;padding-inline:16px!important}
 .meow-cloud-nav .nav-arrow{margin-left:auto!important}
 .meow-cloud-nav .nav-has-dropdown .nav-dropdown-menu{background:#edf7fc!important;border:0!important;border-radius:8px!important;padding:4px!important;box-shadow:none!important}
 .meow-cloud-nav .nav-has-subdropdown .nav-subdropdown-menu{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 0 18px!important}
 .meow-cloud-nav .nav-dropdown-item{font-size:14px!important;padding:11px 12px!important}
 .meow-cloud-nav .nav-dropdown-menu::before,.meow-cloud-nav .nav-subdropdown-menu::before{display:none}
 .meow-cloud-nav .nav-subdropdown-item{white-space:normal!important}
 .meow-cloud-nav .nav-toggle{flex-shrink:0!important}
 .meow-cloud-nav~.main-content{margin-top:67px!important}
}
@media(max-width:360px){.meow-cloud-nav .nav-container{padding-inline:8px!important;gap:5px!important}.meow-cloud-nav .nav-logo{flex-basis:118px!important}.meow-cloud-nav .nav-actions .btn{padding-inline:7px!important}.meow-cloud-nav .btn-auth-login i,.meow-cloud-nav .btn-auth-combined i{display:none!important}}
.phone-header.meow-cloud-phone{background:#fff!important;border-bottom:1px solid #d8edf8!important;box-shadow:0 3px 12px #228fc21a!important}
.meow-cloud-phone .phone-header-top{min-height:64px;padding:6px 14px;gap:8px}
.meow-cloud-phone .phone-logo{flex:0 1 144px;overflow:visible}
.meow-cloud-phone .phone-logo img{display:block;width:100%;height:auto;max-height:48px;max-width:100%;object-fit:contain}
.meow-cloud-phone .phone-header-actions{gap:7px}
.meow-cloud-phone .phone-online{padding:8px 9px;background:#f0f8f4;color:#4b806a;border:1px solid #e1efe7;font-size:12px}
.meow-cloud-phone .phone-online i{font-size:6px;animation:none}
.meow-cloud-phone .phone-login-btn,.meow-cloud-phone .phone-user-btn{min-width:60px;min-height:40px;padding:8px 10px;border:1px solid #dbe8f0;border-radius:10px;background:#fff;color:#57778b;font-size:13px;font-weight:500;box-shadow:none}
@media(max-width:360px){.meow-cloud-phone .phone-header-top{padding-inline:9px;gap:6px}.meow-cloud-phone .phone-logo{flex-basis:125px}.meow-cloud-phone .phone-header-actions{gap:5px}.meow-cloud-phone .phone-online{padding-inline:6px}.meow-cloud-phone .phone-login-btn,.meow-cloud-phone .phone-user-btn{min-width:56px;padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.meow-cloud-nav *{transition:none!important}}