/* Separate the full-width mobile scrim from the inset navigation controls. */
@media(max-width:640px){
 body.psq-character-detail > nav{
  background:transparent;
  isolation:isolate;
  overflow:visible;
 }
 body.psq-character-detail > nav::before{
  content:"";
  position:absolute;
  top:0;
  bottom:-48px;
  left:calc((100% - 100vw) / 2);
  width:100vw;
  background:linear-gradient(180deg,
   rgba(13,14,16,.46) 0%,
   rgba(13,14,16,.34) 30%,
   rgba(13,14,16,.16) 60%,
   rgba(13,14,16,.04) 82%,
   rgba(13,14,16,0) 100%);
  pointer-events:none;
  z-index:-1;
 }
 body.psq-character-detail > nav a{
  text-shadow:0 1px 4px rgba(0,0,0,.45);
 }
}