/* Keep the account, alerts and menu reachable while reading on a phone. */
@media(max-width:959px){
 #hm-mobile-app .hm-m-header{position:sticky;top:0;z-index:9900;background:#0c0b09;box-shadow:none;border-bottom:1px solid #493a24;margin-bottom:14px;min-height:68px;padding:10px 0;gap:9px}
 #hm-mobile-app .hm-m-header>button.hm-header-avatar{width:46px;min-width:46px;height:46px;min-height:46px;flex:0 0 46px;padding:0;overflow:hidden;border:1px solid #a9813d;border-radius:50%;background:#262017;box-shadow:0 0 0 3px #16130e}
 #hm-mobile-app .hm-header-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
 #hm-mobile-app .hm-m-header>button.hm-header-avatar>span{font:700 22px/1 Arial,sans-serif;color:#efd298}
 #hm-mobile-app .hm-m-header>button:focus-visible{outline:2px solid #f5d788;outline-offset:3px}
 #hm-mobile-account,#hm-mobile-main,#hm-mobile-app [id]{scroll-margin-top:84px}
}
/* The homepage registration action follows the orange glow and diagonal sweep in the reference. */
#hm-mobile-app.hm-page-is-home .hm-m-welcome>a.hm-register-glow{
 isolation:isolate;overflow:hidden;border:1px solid #e47e17;border-radius:10px;
 background:linear-gradient(180deg,#d64b06 0%,#bd3900 52%,#a72b00 100%);color:#fff;
 font-family:Arial,sans-serif;font-weight:700;text-shadow:0 1px 2px #772300;
 box-shadow:inset 0 0 18px #ffbf4b66,inset 0 1px 0 #ffd38c99;
 animation:hm-register-inner 3s ease-in-out infinite;
}
#hm-mobile-app.hm-page-is-home .hm-m-welcome>a.hm-register-glow::after{
 content:"";position:absolute;inset:-50% auto -50% -80%;width:45%;pointer-events:none;
 background:linear-gradient(90deg,transparent,#ffd98955 25%,#fff1aecc 50%,#ffd98955 75%,transparent);
 transform:skewX(-25deg);animation:hm-register-sweep 3s ease-in-out infinite;mix-blend-mode:screen;
}
#hm-mobile-app.hm-page-is-home .hm-m-welcome>a.hm-register-glow:hover{background:linear-gradient(180deg,#e45a09,#b93300);border-color:#ffb145}
#hm-mobile-app.hm-page-is-home .hm-m-welcome>a.hm-register-glow:focus-visible{outline:2px solid #ffe5a4;outline-offset:4px}
@keyframes hm-register-sweep{0%,25%{left:-80%;opacity:0}30%{opacity:1}55%{left:140%;opacity:1}56%,100%{left:140%;opacity:0}}
@keyframes hm-register-inner{0%,100%{box-shadow:inset 0 0 16px #ffb52b55,inset 0 1px 0 #ffd38c99}40%{box-shadow:inset 0 0 26px #ffca5577,inset 0 1px 0 #ffe4aaaa}}
@media(max-width:1199px){#hm-mobile-app.hm-page-is-home .hm-m-welcome>a.hm-register-glow{position:relative}}
@media(prefers-reduced-motion:reduce){#hm-mobile-app.hm-page-is-home .hm-m-welcome>a.hm-register-glow,#hm-mobile-app.hm-page-is-home .hm-m-welcome>a.hm-register-glow::after{animation:none}#hm-mobile-app.hm-page-is-home .hm-m-welcome>a.hm-register-glow::after{display:none}}

@media(max-width:699px){#hm-mobile-app .hm-m-header{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;width:calc(100% + 24px)}}
@media(min-width:700px) and (max-width:959px){#hm-mobile-app .hm-m-header{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;width:calc(100% + 48px)}}
#hm-mobile-app .hm-account-heading-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}
#hm-mobile-app .hm-desktop-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #a9813d;border-radius:50%;overflow:hidden;background:#262017;color:#efd298;font:700 20px/1 Arial,sans-serif;flex:0 0 40px}
#hm-mobile-app .hm-desktop-avatar img{display:block;width:100%;height:100%;object-fit:cover}
#hm-mobile-app .hm-desktop-avatar:focus-visible{outline:2px solid #f5d788;outline-offset:3px}
#hm-mobile-app .hm-community-winners .hm-winner-leader{font:12px/18px Arial,sans-serif;color:#fff1d8;gap:6px}
#hm-mobile-app .hm-community-winners .hm-winner-leader small{font:inherit;color:inherit;letter-spacing:normal;text-transform:none}
#hm-mobile-app .hm-community-arka .hm-winner-row[data-arka-empty]{--arka-accent:#c8c8c8;--arka-art:url('https://heroesmu.com/template/season21/images/arka-torre-neutral-v1.webp')}
#hm-mobile-app .hm-community-arka .hm-winner-row[data-arka-empty] .hm-winner-clan{color:#eee}
