.account-menu{position:relative;flex-shrink:0;min-width:0}
.account-menu>summary{list-style:none;cursor:pointer;overflow:visible!important}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 4px 3px;flex-shrink:0;transition:transform .18s ease}
.account-menu[open] .account-menu-chevron{transform:rotate(225deg);margin-bottom:0}
html body[class] .account-dropdown{position:absolute;top:calc(100% + 13px);right:0;width:230px;max-width:calc(100vw - 24px);padding:7px;background:#1a1a1d;border:1px solid #ffffff20;box-shadow:0 12px 30px #0005;z-index:100;box-sizing:border-box}
html body[class] .account-dropdown :is(a,button){display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;min-height:46px;box-sizing:border-box;color:#dcdce5;background:transparent;border:0;border-radius:0;font-size:.74rem;font-weight:500;line-height:1.5;letter-spacing:0;text-align:left;text-transform:none;text-decoration:none;cursor:pointer;transition:background-color .16s ease,color .16s ease}
html body[class] .account-dropdown :is(a,button):hover{background:#252528;color:#fff;text-decoration:none}
html body[class] .account-dropdown :is(a,button):focus-visible{outline:2px solid #a9d9fa;outline-offset:-2px;background:#252528}
.account-dropdown svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;color:#b6b6c2}
.account-dropdown form{margin:5px 0 0;padding-top:5px;border-top:1px solid #ffffff12}
.account-menu[open] .account-dropdown{animation:account-menu-enter .16s ease-out both}
@keyframes account-menu-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){html body[class] .account-dropdown{width:210px}.account-menu-chevron{margin-left:0}.account-menu>summary .account-avatar{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.account-menu-chevron,html body[class] .account-dropdown :is(a,button){transition:none}.account-menu[open] .account-dropdown{animation:none}}
/* A compact, raised companion to the account button. */
html body[class] .account-dropdown{padding:10px;background:#161619;border-color:#ffffff24;border-bottom:4px solid #08080a;box-shadow:inset 0 1px #ffffff0d,0 20px 45px #0009;transform-origin:top right}
html body[class] .account-dropdown :is(a,button){margin:0 0 7px;background:#263344;color:#f1f3f8;border:1px solid #ffffff15;border-bottom:4px solid #101620;box-shadow:inset 0 1px #ffffff0d,0 2px #0004;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em;transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s,box-shadow .2s}
html body[class] .account-dropdown :is(a,button):hover{background:#344458;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff18,0 4px #0005}
html body[class] .account-dropdown :is(a,button):active{transform:translateY(2px);box-shadow:none}
.account-dropdown svg{color:#adc7df;transition:transform .2s}
.account-dropdown :is(a,button):hover svg{transform:translateX(2px)}
.account-dropdown form{padding-top:9px;margin-top:2px}
html body[class] .account-dropdown form button{margin-bottom:0;background:#27272e;border-bottom-color:#111116}
html body[class] .account-dropdown form button:hover{background:#38323a}
.account-menu[open] .account-dropdown{animation:account-menu-unfold .24s cubic-bezier(.2,.8,.2,1) both}
@keyframes account-menu-unfold{from{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){html body[class] .account-dropdown :is(a,button),.account-dropdown svg{transition:none;transform:none!important}.account-menu[open] .account-dropdown{animation:none}}
@layer realm-surface-treatment{
 html body[class][class][class] .realm-main-menu .main-menu-dropdown{position:absolute!important;inset:auto 0 auto auto!important;top:calc(100% + 13px)!important;width:260px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 120px)!important;overflow-y:auto!important;padding:10px!important;box-sizing:border-box!important;background:#161619!important;border:1px solid #ffffff24!important;border-bottom:4px solid #08080a!important;border-radius:12px!important;box-shadow:inset 0 1px #ffffff0d,0 20px 45px #0009!important;display:block!important;backdrop-filter:none!important}
 html body[class][class][class] .realm-main-menu .main-menu-dropdown>a{display:flex!important;align-items:center!important;gap:12px!important;min-height:46px!important;width:100%!important;box-sizing:border-box!important;padding:13px 14px!important;margin:0 0 7px!important;color:#f1f3f8!important;background:#263344!important;border:1px solid #ffffff15!important;border-bottom:4px solid #101620!important;border-radius:0!important;box-shadow:inset 0 1px #ffffff0d,0 2px #0004!important;font-size:.67rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.045em!important;text-decoration:none!important;transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s,box-shadow .2s!important}
 html body[class][class][class] .realm-main-menu .main-menu-dropdown>a:last-child{margin-bottom:0!important}
 html body[class][class][class] .realm-main-menu .main-menu-dropdown>a:is(:hover,[aria-current=page]){background:#344458!important;transform:translateY(-2px)!important;box-shadow:inset 0 1px #ffffff18,0 4px #0005!important}
 html body[class][class][class] .realm-main-menu .main-menu-dropdown>a:active{transform:translateY(2px)!important;box-shadow:none!important}
 html body[class][class][class] .realm-main-menu .main-menu-dropdown>a:focus-visible{outline:2px solid #a9d9fa!important;outline-offset:-2px!important}
 .main-menu-dropdown .nav-item-icon{display:inline-flex!important;flex-shrink:0;width:26px!important;height:26px!important}.main-menu-dropdown .nav-item-icon img{width:26px!important;height:26px!important;object-fit:contain;image-rendering:pixelated}
 @media(prefers-reduced-motion:reduce){html body[class][class][class] .realm-main-menu .main-menu-dropdown>a,html body[class][class][class] .realm-main-menu .main-menu-dropdown>a:is(:hover,:active){transition:none!important;transform:none!important}}
}
@layer realm-button-treatment{
 html body[class] .site-header .main-menu-trigger{min-height:36px!important;padding:7px 12px!important;font-size:.8rem!important;letter-spacing:.025em!important;list-style:none}
 .main-menu-trigger::-webkit-details-marker{display:none}
}
@layer realm-surface-treatment{
 html body[class][class][class] .realm-main-menu .main-menu-dropdown>a,html body[class][class][class] .account-menu:not(.realm-main-menu) .account-dropdown>a{background:#1c1c20!important;border-color:#ffffff13!important;border-bottom-color:#09090b!important;color:#dedee7!important}
 html body[class][class][class] .realm-main-menu .main-menu-dropdown>a:is(:hover,[aria-current=page]),html body[class][class][class] .account-menu:not(.realm-main-menu) .account-dropdown>a:hover{background:#29292e!important;border-bottom-color:#09090b!important;color:#fff!important}
 html body[class][class][class] .account-dropdown form button{background:#982e3b!important;color:#fff2f3!important;border-color:#c75a66!important;border-bottom-color:#5d1621!important}
 html body[class][class][class] .account-dropdown form button:hover{background:#b13b49!important;color:#fff!important}
 html body[class][class][class] .account-dropdown form button svg{color:#ffdadf!important}
}
@layer realm-button-treatment{
 html body[class] .site-header .main-menu-trigger,html body[class] .site-header .account-link{width:180px!important;min-width:180px!important;max-width:180px!important;height:42px!important;min-height:42px!important;box-sizing:border-box!important;padding:7px 12px!important;gap:9px!important;font-size:.66rem!important;line-height:1.5!important;letter-spacing:.025em!important;border-radius:0!important;border-bottom-width:4px!important;justify-content:center!important}
 html body[class] .site-header .account-link-label{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100px!important;text-transform:none!important}
 html body[class] .site-header .account-avatar{width:22px!important;height:22px!important;flex-shrink:0}
 html body[class] .site-header .account-link .mc-rank{max-width:46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html body[class] .site-header .account-count{position:absolute;top:-7px;right:-6px;min-width:17px;padding:2px 4px;background:#d64552;color:#fff;border-radius:9px;font-size:9px}
 @media(max-width:600px){html body[class] .site-header .main-menu-trigger,html body[class] .site-header .account-link{width:116px!important;min-width:116px!important;max-width:116px!important;padding:7px 9px!important;font-size:.6rem!important}.site-header .account-link-label{max-width:64px!important}}
 @media(max-width:380px){html body[class] .site-header .main-menu-trigger,html body[class] .site-header .account-link{width:96px!important;min-width:96px!important;max-width:96px!important;gap:6px!important}}
}

@media(max-width:600px){html body.launcher-app .site-header>.brand>span{display:none!important}html body.launcher-app .site-header .brand-icon{width:30px!important;height:36px!important}html body.launcher-app[class][class] .site-header{gap:6px!important}html body.launcher-app[class][class] .site-header>.brand{margin-right:auto!important}}